Серый цвет css: Цвета HTML Color Оттенки

Содержание

Крутая шпаргалка по сочетанию цветов

Дизайн
2 мин на чтение
876441

Правильное сочетание цветов — одна из важных составляющих любой работы, претендующей на звание «качественной». Именно поэтому мы решили поделиться шпаргалкой, с которой вы точно не промахнетесь при выборе цветовой палитры для вашего следующего проекта.

Схема № 1. Комплиментарное сочетание

Комплиментарными, или дополнительными, контрастными, являются цвета, которые расположены на противоположных сторонах цветового круга Иттена. Выглядит их сочетание очень живо и энергично, особенно при максимальной насыщенности цвета.

Схема № 2. Триада — сочетание 3 цветов

Сочетание 3 цветов, лежащих на одинаковом расстоянии друг от друга. Обеспечивает высокую контрастность при сохранении гармонии. Такая композиция выглядит достаточно живой даже при использовании бледных и ненасыщенных цветов.

Схема № 3. Аналогичное сочетание

Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.

Схема № 4. Раздельно-комплиментарное сочетание

Вариант комплиментарного сочетания цветов, только вместо противоположного цвета используются соседние для него цвета. Сочетание основного цвета и двух дополнительных. Выглядит эта схема почти настолько же контрастно, но не настолько напряженно. Если вы не уверены, что сможете правильно использовать комплиментарные сочетания, — используйте раздельно-комплиментарные.

Схема № 5. Тетрада — сочетание 4 цветов

Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.

Схема № 6. Квадрат

Сочетание 4 цветов, равноудаленных друг от друга. Цвета здесь несхожи по тону, но также комплиментарны. За счет этого образ будет динамичным, игривым и ярким. Пример: фиолетовый, красно-оранжевый, желтый, сине-зеленый.

Сочетания отдельных цветов

Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.

Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
Красный: с желтым, белым, бурым, зеленым, синим и черным.
Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
Малиново-красный: белый, черный, цвет дамасской розы.
Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.

Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
Светло-оранжевый: серый, коричневый, оливковый.
Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
Оливковый: апельсиновый, светло-коричневый, коричневый.
Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.

Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
Темно-фиолетовый:
золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.

Источник: decor-design

#дизайн
#палитра
#советы
#статья
#цвет
#цветовой круг

Статьи по теме

Серый — самый модный цвет новогодних вечеринок 2022

МОДА•ТЕНДЕНЦИИ

Текст: НАСТЯ СОТНИК

Самые запоминающиеся выходы за последнюю неделю — Сара Джессика Паркер на премьере «И просто так. ..» в Oscar de la Renta и Джей Ло в Elie Saab, которая поддержала Бена Аффлека на красной дорожке «Нежного бара». У этих двух образов есть общий знаменатель — серый цвет. Настя Сотник предсказывает, что именно он будет править не только на красных дорожках, но и на новогодних вечеринках в этом сезоне.

«На премьеру сериала „И просто так…“ в Нью-Йорке Сара Джессика Паркер надела кастомизированное платье Oscar de la Renta серого цвета, с вышивкой в виде цветков магнолии ручной работы, и накидку в тон. Нижняя юбка из пудрово-розового тюля напоминает о знаменитом образе [Кэрри Брэдшоу]» — так описали наряд, созданный для Сары Джессики Паркер сами Oscar de la Renta. Конечно, нас, как и многих, умилила деталь — отсылка к знаменитой юбке-пачке, которую когда-то добыла художница по костюмам Патриция Филд. Но больше взгляд зацепил выбранный для платья и кейпа жемчужно-серый оттенок.

Не то чтобы серый на красной дорожке впервые. Вспомним хотя бы сказочную Ариану Гранде в Giambattista Valli на «Грэмми» 2020 или Жанель Моне в Ralph Lauren на «Оскаре» в том же году. В 2021-м серый на красных дорожках был реже — кроме упомянутых SJP и Дженнифер Лопес вспоминаются разве что Энди Макдауэлл в Prada на открытии Каннского кинофестиваля (и то больше из-за цвета волос) и Николь Кидман в Armani Privé на премьере «Быть Риккардо». Но мы предрекаем жемчужно-серому долгую и богатую жизнь, особенно в предновогодний сезон.

Сара Джессика Паркер в Oscar de la Renta

Глядя на Сару Джессику Паркер в сером Oscar de la Renta, казалось, мы ее где-то уже видели. И не на «Золотом глобусе» 2004, где она была в кутюрном Chanel, к которому тоже будто отсылают дизайнеры Лаура Ким и Фернандо Гарсия. А к кутюрному Fendi осень—зима 2021, в котором актриса позировала для Vogue. Хотя на обложку поставили ее снимок в Dolce & Gabbana Alta Moda, одним из самых тиражируемых кадров (по крайней мере, в соцсетях) стал тот, где Паркер именно в серых перьях авторства Кима Джонса. Жемчужно-серый — именно серый, не серебристый — вообще один из главных цветов кутюрных коллекций осень—зима 2021. Он стал основным для Fendi, Dior и Giorgio Armani Prive. Кроме того, его использовали в палитре даже такие преданные фанаты насыщенных цветов, как Viktor & Rolf и Valentino. У Пьерпаоло Пиччоли серый разбавил не только женские, но и мужские образы.

Как мы видим по последним сезонам, кутюр и повседневная мода все чаще обмениваются трендами, так что неудивительно, что серый перекочевал и в самые нарядные ready-to-wear-коллекции. В сезоне весна—лето 2022 жемчужно-серый есть почти у всех главных брендов, от Fendi и Giorgio Armani до Balenciaga. Но в самом эффектном формате, пожалуй, у Thom Browne — в его платьях-кейпах из серых лепестков, прямиком из «стареющего сада», в который Том Браун отправил всех зрителей своего показа. Образ, открывший то шоу, первой из звезд примерила певица Лиззо на концерт Адель One Night Only в лос-анджелесской Обсерватории Гриффита — по наводке своего стилиста Джейсона Ремберта. Кстати, другой звездный стилист, который и сам уже звезда, Лоу Роуч, недавно примерял для съемки платье бренда Ремберта Aliette, как раз жемчужно-серого цвета.

Своих подопечных он, правда, пока не спешит переодевать в этот тренд — разве что Зендее предложил выйти в подиумном образе Alexander McQueen весна—лето 2022 с жемчужно-серым жакетом, расшитым кристаллами, на одну из премьер «Человека-паука: Нет пути домой».

Заметив такой спрос, локальные бренды просто не могли не включить его в свои сезонные коллекции. Тем более под Новый год, когда все озадачены поиском праздничных нарядов, причем желательно особенных. И хотя стилист Рената Харькова уверена, что «у нас все настолько серое, что этот оттенок вряд ли приживется», похоже, серый стал хорошей альтернативой надоевшим красному, черному и белому для новогодних вечеринок. По крайней мере, сразу несколько российских брендов включили его в свои праздничные коллекции, например, abitu. У марки и так был жемчужно-серый топ Silver Grey, а в специальной праздничной капсуле появилась рубашка в сразу нескольких оттенках серого. «Топ Silver Grey — один из наших бестселлеров, особенно в зимнее время.

Наверное, потому что жемчужно-серебристые оттенки традиционно ассоциируются с мерцанием снега, снежинками и звездным небом. Поэтому к новогодним праздникам мы выпустили новую рубашку из жаккарда в оттенках серого, Silver Rain», — говорят Алина Коконен и Алина Двоеглазова, соосновательницы бренда abitu.

Топ abitu

12 000 ₽

Рубашка abitu

13 000 ₽

У 12Storeez в этом году есть причины для большого праздника: бренд только что открыл свой самый большой флагман, в Санкт-Петербурге — так что в текущей праздничной коллекции место серого занимает все же серебристый, которым дизайнеры решили насладиться вдоволь. Но в капсулах 2022 года они чаще будут вводить как раз серебристо-серый и жемчужно-серый. «Это сложные оттенки, драгоценные сам по себе — поэтому выглядят эффектно даже без украшений или с минимумом украшений. Шелковое платье такого цвета смотрится совершенно самодостаточно. Костюм из серебристой кожи тоже не стоит перегружать аксессуарами. Еще нам нравится стилизовать серебристо-серый со схожими оттенками», — советуют соосновательницы 12Storeez Марина и Ирина Голомаздины.

Брюки 12Storeez

12 980 ₽

А вот Sorelle в своей новогодней капсуле сделали ставку именно на серый, а не на серебристый. «На самом деле жемчужно-серый и серебристый — гораздо более универсальные и утонченные варианты для праздничных нарядов, чем тот же золотой. Я бы назвала их базовыми праздничными оттенками, — рассказывает основательница бренда Вера Холмова. — В работе над коллекцией я вдохновлялась 1970-ми и Шер, так что советую быть как она и носить серебро и жемчужно-серый с насыщенными цветами — фуксией, синим, оранжевым, светло-голубым и, конечно, черным. Образ с джинсами будет выглядеть классно и более расслабленно — повод обратить внимание на нашу новую модель с цветочным принтом!» Для тех, кто привык исключительно к базе, USHATÁVA, обычно ограничивающиеся белым и черным в торжественных линейках, добавили несколько спокойных серых образов — пижаму, костюмы и платья, в которых вам захочется ходить всегда.

Платье Sorelle

17 000 ₽

Боди Sorelle

28 000 ₽

Платье USHATÁVA

7700 ₽

Пижамный костюм USHATÁVA

15 700 ₽

Во всех перечисленных случаях серый выглядит максимально торжественно благодаря выбранным фактурам. Чаще всего это шелк, вискоза, а в случае с abitu так и вовсе один из самых роскошных материалов — жаккард. «Ткани, которые мы используем, имеют объемный рисунок и деликатный блеск, отражающий свет, поэтому не стоит бояться, что серый будет выглядеть недостаточно нарядно», — подчеркивают Алина Коконен и Алина Двоеглазова.

Платье-комбинация Present & Simple

14 990 ₽

{«width»:1200,»column_width»:75,»columns_n»:16,»gutter»:0,»line»:40}false7671300falsetruetrue[object Object]{«mode»:»page»,»transition_type»:»slide»,»transition_direction»:»horizontal»,»transition_look»:»belt»,»slides_form»:{}}{«css»:».editor {font-family: tautz; font-size: 16px; font-weight: 400; line-height: 21px;}»}

Лучшие материалы The Blueprint — в нашем телеграм-канале. Подписывайтесь!

//= $articleUrl; ?>

теги: ТЕНДЕНЦИИ

RGB 128,128,128 : Серый (HTML/CSS серый) Цветовой код, Имена, Гармонии

Серый

Серый (HTML/CSS серый)

Серый Web

HEX #808080
CMYK 0, 0, 0, 50
HSL 0°, 0%, 50%

Преобразование цветового пространства Названия цветов CSS-нотация Оттенки, оттенки и тона Цветовые гармонии

Соответствие цвета Pantone Соответствие цвета RAL Соответствие цвета NCS Получить цвет из изображения

Поделись этим цветом!

Добавить в избранное Купить подходящую краску Получить на Амазонке

Преобразование цветового пространства

Преобразование этого цвета для каждого представления цветового пространства

Название ближайших цветов

Соответствие названиям похожих цветов

Купить подходящую краску для этого цвета »

Нотация CSS

Используйте это для всех свойств CSS, которые принимают цвет в качестве значения: color, background-color, border-color

#808080

RGB(128 128 128)

hsl(0, 0%, 50%)

Оттенки, оттенки и тона

Подробнее по этой теме »

цветов —

веб-пикселей

Webpixels CSS включает обширную цветовую систему, которая определяет наши стили и компоненты. Это обеспечивает более полную настройку и расширение для любого проекта.

Обзор
Цветовая палитра
- Доступные цвета
- Изменение значений по умолчанию
Цвета темы
- Доступные цвета темы
- Изменение цвета темы
Серые цвета
- Доступные серые цвета
- Как использовать серые цвета
- Изменение серого цвета
Использование цветов

¶Обзор

Исходные файлы Sass включают три карты, которые помогут вам быстро и легко просмотреть список цветов и их шестнадцатеричные значения.

$colors перечисляет все наши доступные цвета
$theme-colors перечисляет все цвета темы с семантически названными именами (показаны ниже)
$grays перечисляет все оттенки и оттенки серого

¶Цветовая палитра

Все цвета доступны в виде переменных Sass и карты Sass в файле переменных. Мы используем их для создания подмножества этих цветов для палитры темы для более удобного использования. Это позволяет оставаться последовательным.

¶Доступные цвета

Мы вручную создали переменные для каждого оттенка и оттенка. Мы указываем значение средней точки (например, $indigo-500 ) и используем пользовательские цветовые функции, чтобы окрасить (осветлить) или затемнить (затемнить) наши цвета с помощью цветовой функции Sass mix().

Индиго

Фиолетовый

Оранжевый

Желтый

¶Изменение значений по умолчанию

Когда вам нужно настроить свою палитру, вы можете настроить свои базовые цвета, которые автоматически создадут полный набор цветов. Обязательно следите за контрастностью при настройке цветов.

Все переменные в карте $colors определены как автономные переменные. Чтобы изменить существующий цвет в нашем $colors map, добавьте в свой пользовательский файл Sass следующее:

 $синий: #3b6eff;
$индиго: #6366F1;
$фиолетовый: #5F1F7A;
$розовый: #FF92AE;
$красный: #F16063;
$оранжевый: #F7936F;
$желтый: #fdb813;
$зеленый: #66CB9F;
$бирюзовый: #4DD9CB;
$голубой: #68DBF2;

¶Цвета темы

Мы используем подмножество всех цветов, чтобы создать меньшую цветовую палитру для создания цветовых схем, также доступных как переменные Sass. Это обеспечивает более полную настройку и расширение для любого проекта.

¶Доступные цвета темы

первичный

вторичный

третичный

успех

предупреждение

опасность

¶Изменение цветов темы

Поскольку теперь у нас есть предопределенная цветовая палитра, можно легко изменить цвета темы по умолчанию, просто заменив значение по умолчанию. Вы можете использовать переменную ниже для настройки.

 $основной: $индиго;
$вторичный: $серый-300;
$третичный: $розовый;
$нейтральный: $белый;
$успех: $зеленый;
$информация: $голубой;
$ предупреждение: $ оранжевый;
$ опасность: $ красный;
$светлый: $серый-200;
$ темный: $ серый-900;

¶Серые цвета

¶Доступны серые цвета

Каждый серый цвет используется в наших темах по-своему. Некоторые из них используются для фона, некоторые — для свойств компонентов или цветов текста.

50 бг-серый-50

100 bg-серый-100

200 бг-серый-200

300 бг-серый-300

400 бг-серый-400

500 бг-серый-500

600 bg-серый-600

700 бг-серый-700

800 бг-серый-800

900 бг-серый-900

¶Как использовать серые цвета

Каждый оттенок серого был специально создан для использования в определенных ситуациях. Таблица ниже даст вам представление о том, как мы их используем:

Цвет	Использование
Серый 50	Альтернативные фоны
Серый 100	Базовые фоны
Серый 200	Базовые фоны
Серый 300	Базовые фоны
Серый 400	Базовые фоны
Серый 500	Отключенный текст
Серый 600	Заполнитель и приглушенный текст
Серый 700	Базовые цвета текста
Серый 800	Альтернативный цвет текста
Серый 900	Цвет текста, используемый в заголовках

¶Изменение серого цвета

Внутри файла переменных вы найдете предопределенные цвета серого и карту Sass.