Генератор та пікер кольорових кодів

Створюйте колірні коди, варіації, гармонії та перевіряйте коефіцієнти контрастності.

Перетворення кольорів

HEX

#ec6a09

Christine

HEX
#ec6a09
HSL
26, 93, 48
RGB
236, 106, 9
XYZ
40, 28, 4
CMYK
0, 55, 96, 7
LUV
60,121,52,
LAB
60, 46, 67
HWB
26, 4, 7

Варіації

Мета цього розділу - точно створити відтінки (додавання чистого білого) і відтінки (додавання чистого чорного) обраного вами кольору з кроком 10%.

Відтінки

Відтінки

Поєднання кольорів

Кожна гармонія має свій настрій. Використовуйте гармонії для мозкового штурму, щоб створити комбінації кольорів, які добре поєднуються між собою.

Доповнення

Колір і його протилежність на колірному колі, +180 градусів відтінку. Високий контраст.

#ec6a09

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

Колір і два сусідні з ним доповнення, +/-30 градусів відтінку від значення, протилежного основному кольору. Жирний, як пряме доповнення, але більш універсальний.

Тріада

Три кольори, рівномірно розташовані вздовж колірного кола, на відстані 120 градусів відтінку один від одного. Найкраще дозволити одному кольору домінувати, а інші використовувати як акценти.

Аналогічно

Три кольори однакової яскравості та насиченості з відтінками, що є сусідніми на колірному колі на відстані 30 градусів один від одного. Плавні переходи.

Монохромний

Три кольори одного відтінку зі значеннями яскравості +/-50%. Тонкий і вишуканий.

Тетрадік

Два набори кольорів, що доповнюють один одного, розділені 60 градусами відтінку.

Перевірка контрастності кольорів

Колір тексту
Колір фону
Контраст
Fail
Невеликий текст
✖︎
Великий текст
✖︎

Кожен є генієм. Але якщо судити про рибу за її здатністю залізти на дерево, вона проживе все життя, вважаючи себе дурною.

- Albert Einstein