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

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

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

HEX

#6fd3ff

Malibu

HEX
#6fd3ff
HSL
198, 100, 72
RGB
111, 211, 255
XYZ
48, 57, 103
CMYK
56, 17, 0, 0
LUV
80,-30,-38,
LAB
80, -17, -30
HWB
198, 44, 0

Варіації

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

Відтінки

Відтінки

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

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

Доповнення

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

#6fd3ff

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

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

Тріада

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

Аналогічно

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

Монохромний

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

Тетрадік

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

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

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

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

- Albert Einstein