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

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

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

HEX

#dd44cc

Orchid

HEX
#dd44cc
HSL
307, 69, 57
RGB
221, 68, 204
XYZ
43, 24, 59
CMYK
0, 69, 8, 13
LUV
56,87,-65,
LAB
56, 73, -39
HWB
307, 27, 13

Варіації

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

Відтінки

Відтінки

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

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

Доповнення

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

#dd44cc

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

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

Тріада

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

Аналогічно

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

Монохромний

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

Тетрадік

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

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

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

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

- Albert Einstein