Як конвертувати колір
- Клікніть на поле кольору, щоб вибрати його, або введіть колір у текстове поле.
- Можна ввести його як HEX (#1e90ff), як rgb(), як hsl() або за англійською назвою.
- Подивіться колір у попередньому перегляді разом з еквівалентами HEX, RGB, HSL і CMYK.
- Скопіюйте потрібний формат і перевірте контраст із білим чи чорним текстом.
Для чого це потрібно
Дизайнерам і розробникам часто потрібно перетворити колір з одного формату в інший: HEX із палітри, rgb() у таблиці стилів, HSL для створення світліших чи темніших варіантів. Цей інструмент робить це за один крок.
Він також обчислює контраст кольору з білим і чорним текстом за рекомендаціями доступності WCAG: 4,5:1 для рівня AA і 7:1 для рівня AAA зі звичайним текстом.
CMYK – це просте перетворення, корисне як орієнтир; для професійного друку слід використовувати колірний профіль у вашій дизайнерській програмі.
Що варто знати
- CMYK обчислюється з RGB за стандартною формулою, без колірного профілю, тому може відрізнятися від того, що ви побачите у друці.
- Назви кольорів працюють англійською (red, tomato, navy…).
- Вбудований вибір кольору може виглядати по-різному залежно від браузера та пристрою.
Поширені запитання
Як перетворити HEX на RGB?
Введіть HEX (наприклад, #1e90ff), і інструмент одразу покаже еквівалентний rgb() разом з HSL і CMYK.
Що таке контраст WCAG?
Це показник читабельності тексту на тлі. Співвідношення 4,5:1 відповідає рівню AA, а 7:1 – рівню AAA для звичайного тексту.
Чи приймає кольори з прозорістю?
Так: можна ввести #rrggbbaa, rgba() або hsla(), і вони відображатимуться з прозорістю.
Чи щось надсилається на сервер?
Ні. Усе обчислюється у вашому браузері.
Це безкоштовно?
Так, безкоштовно, без реєстрації й працює прямо у вашому браузері.