Генератор и выборщик цветовых кодов

Генерируйте цветовые коды, вариации, гармонии и проверяйте коэффициент контрастности.

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

HEX

#2222bb

Persian Blue

HEX
#2222bb
HSL
240, 69, 43
RGB
34, 34, 187
XYZ
10, 5, 47
CMYK
82, 82, 0, 27
LUV
27,0,-91,
LAB
27, 53, -78
HWB
240, 13, 27

Вариации

Цель этого раздела - точное создание оттенков (добавление чистого белого) и теней (добавление чистого черного) выбранного вами цвета с шагом в 10%.

Тени

Оттенки

Сочетания цветов

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

Комплементарный

Цвет и его противоположность на цветовом круге, +180 градусов оттенка. Высокая контрастность.

#2222bb

Сплит-комплементарный

Цвет и два соседних с ним дополнения, +/-30 градусов оттенка от значения, противоположного основному цвету. Смелый, как прямой комплемент, но более универсальный.

Триада

Три цвета, равномерно расположенные вдоль цветового круга, каждый из которых находится на расстоянии 120 градусов оттенка друг от друга. Лучше всего позволить одному цвету доминировать, а остальные использовать в качестве акцентов.

Аналогичные

Три цвета одинаковой яркости и насыщенности с оттенками, которые находятся рядом на цветовом круге, на расстоянии 30 градусов друг от друга. Плавные переходы.

Монохромный

Три цвета одного оттенка со значениями яркости +/-50%. Утонченный и изысканный.

Тетрадный

Два набора комплементарных цветов, разделенных 60 градусами оттенка.

Проверка контрастности цветов

Цвет текста
Цвет фона
Контраст
Fail
Мелкий текст
✖︎
Крупный текст
✖︎

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

- Albert Einstein