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

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

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

HEX

#2596be

Eastern Blue

HEX
#2596be
HSL
196, 67, 45
RGB
37, 150, 190
XYZ
21, 26, 53
CMYK
81, 21, 0, 25
LUV
58,-29,-37,
LAB
58, -17, -29
HWB
196, 15, 25

Вариации

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

Тени

Оттенки

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

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

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

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

#2596be

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

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

Триада

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

Аналогичные

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

Монохромный

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

Тетрадный

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

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

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

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

- Albert Einstein