Дизайн

Конвертер кольорів

Конвертуйте між HEX, RGB та HSL.

rgb()
RGB · натисніть, щоб скопіювати
hsl()
HSL · натисніть, щоб скопіювати
cmyk()
Оцінка CMYK · клацніть, щоб скопіювати

Оцінено за sRGB; профіль ICC відсутній. Це не замінює пробний друк.

Інструкції щодо контрасту з'являться тут.

Пайплайн: Генератор колірних палітр · Генератор відтінків кольору · Перевірка контрастності кольорів

Конвертуйте кольори між HEX, RGB, HSL, OKLCH та LAB

Виберіть колір або вставте код HEX/HEXA. Усі формати оновлюються наживо зі збереженням альфа-каналу, коректним для D50 CSS Lab і позначками контрастності WCAG для білого й чорного тексту.

Поширені запитання

Які формати підтримуються?

HEX/HEXA, RGB, HSL, OKLCH, CIELAB і приблизне значення CMYK. У виводі CSS lab() використовується потрібна біла точка D50, а альфа-канал зберігається в усіх форматах.

Чи можу я скопіювати значення?

Так — натисніть будь-яке значення, щоб скопіювати його, скористайтеся «Копіювати всі формати» для повного блока або «Завантажити CSV» для електронних таблиць.

Чи добре це для CSS?

Так — значення RGB, HSL і OKLCH уже відформатовані для вставлення в CSS. Посилання конвеєра передають колір до інструментів палітри, відтінків і контрасту.

Останнє оновлення: