Цвета в вебе можно записывать по разному: с помощью HEX, RGB, HSL, OKLAB. Последний, кстати, может передавать куда гораздо больше оттенков, чем RGB. В RGB модели разные цвета представляются как комбинации красного, зеленого и синего света. Однако этот способ представления цвета не всегда соответствует тому, как люди воспринимают цвета в реальном мире. Например, в RGB одинаковый шаг изменения яркости не будет означать одинаковое восприятие изменения света для всех цветов.
Цветовая модель OKLAB стремится решить эти проблемы, учитывая особенности восприятия цвета человеческим глазом. Но сегодня не об этом. В вебе также можно назначить цвет фона или текста с помощью специальных ключевых слов. Например, написав background-color: yellow фон элемента станет жёлтым (#FFFF00). В ранних спецификациях W3C было определено всего 16 ключевых цветов. Но позже появилось ещё 130 новых. Среди них есть интересные и смешные названия. Хочу о них кратко рассказать.
— PapayaWhip (взбитая папайя): светло-кремовый оттенок с небольшим оттенком розового.
— Moccasin: светло-жёлтый оттенок, напоминающий цвет традиционных индейских мокасинов.
— Tomato: ярко-красный оттенок, напоминающий цвет спелого помидора.
— SaddleBrown (коричневое седло): тёмно-коричневый оттенок, подобный цвету кожи седла.
— Salmon (лосось): тёплый розовато-оранжевый оттенок.
— Gainsboro (город Гейнсборо в штате Мэн, США): светло-серый оттенок, который часто используется для создания нейтральных и сдержанных дизайнов.
Честно говоря, тяжело представить, чтобы в 2024 году стали бы использовать эти цвета за пределами тестовых проектов, особенно когда дизайнеры придумывают свои цветовые палитры. Мне, кстати, нравится стандартная цветовая тема в Tailwind. Она предельно понятная: там, где число 50 — самый светлый оттенок, где 950 — самый тёмный. Что думаете вы по этому поводу?
Цветовая модель OKLAB стремится решить эти проблемы, учитывая особенности восприятия цвета человеческим глазом. Но сегодня не об этом. В вебе также можно назначить цвет фона или текста с помощью специальных ключевых слов. Например, написав background-color: yellow фон элемента станет жёлтым (#FFFF00). В ранних спецификациях W3C было определено всего 16 ключевых цветов. Но позже появилось ещё 130 новых. Среди них есть интересные и смешные названия. Хочу о них кратко рассказать.
— PapayaWhip (взбитая папайя): светло-кремовый оттенок с небольшим оттенком розового.
— Moccasin: светло-жёлтый оттенок, напоминающий цвет традиционных индейских мокасинов.
— Tomato: ярко-красный оттенок, напоминающий цвет спелого помидора.
— SaddleBrown (коричневое седло): тёмно-коричневый оттенок, подобный цвету кожи седла.
— Salmon (лосось): тёплый розовато-оранжевый оттенок.
— Gainsboro (город Гейнсборо в штате Мэн, США): светло-серый оттенок, который часто используется для создания нейтральных и сдержанных дизайнов.
Честно говоря, тяжело представить, чтобы в 2024 году стали бы использовать эти цвета за пределами тестовых проектов, особенно когда дизайнеры придумывают свои цветовые палитры. Мне, кстати, нравится стандартная цветовая тема в Tailwind. Она предельно понятная: там, где число 50 — самый светлый оттенок, где 950 — самый тёмный. Что думаете вы по этому поводу?