Перетворення кольорів між форматами
Введіть колір у будь-якому форматі CSS — HEX-код на кшталт #3B82F6 або #38F, rgb() чи rgba(), hsl() або назву, як-от tomato, — чи виберіть його за допомогою палітри. Інструмент покаже той самий колір у форматах HEX, RGB, HSL, HSV і CMYK, готовий до копіювання у ваш CSS, графічний редактор чи налаштування друку.
Також видно, наскільки читабельним буде білий або чорний текст на цьому кольорі, у вигляді коефіцієнта контрасту WCAG: 4.5:1 і більше відповідає рівню AA для звичайного тексту. Колір зчитується вашим браузером точно так, як його прочитав би CSS.
Чому варто обрати цей конвертер кольорів?
- HEX, RGB, HSL, HSV і CMYK в одному місці
- Підтримка всіх форматів кольорів CSS і назв кольорів
- Підтримка прозорості (альфа-каналу)
- Контраст WCAG із білим і чорним текстом
Як конвертувати колір
- Введіть або вставте колір чи виберіть його за допомогою палітри
- Перегляньте колір у всіх форматах поруч із його попереднім переглядом
- Натисніть кнопку копіювання біля потрібного формату
Часті запитання
Чи цей конвертер кольорів безкоштовний?
Так, він повністю безкоштовний і працює у вашому браузері.
Яка різниця між RGB, HSL і HSV?
RGB змішує червоне, зелене та синє світло (кожне від 0 до 255). HSL і HSV описують той самий колір через тон (0–360°), насиченість і світлість (lightness) або яскравість (value), що спрощує створення світліших, темніших чи приглушеніших варіантів.
Що означає коефіцієнт контрасту?
Він порівнює яскравість кольорів тексту й фону (WCAG 2). Для звичайного тексту на рівні AA потрібен коефіцієнт щонайменше 4.5:1, для великого тексту — 3:1; що вищий коефіцієнт, то легше читати.
Чи надсилається щось на сервер?
Ні. Усе обчислюється у вашому браузері.