Конвертер кольорів
Введіть колір у будь-якому форматі й одразу отримайте всі інші формати, готові до копіювання.
Запечатано на цьому пристрої
Працює у вашому браузері. Нічого не завантажується на сервер.
Запечатано
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH, CMYK або назва кольору CSS, як-от «tomato».
Усі формати
Змініть будь-який рядок — інші оновляться слідом.
Попередній перегляд
- Контраст на білому
- Контраст на чорному
- Найближча назва CSS
Цей колір виходить за межі діапазону, який можуть показати екрани (sRGB). Значення нижче використовують найближчий колір, що його може відобразити екран.
CMYK — це просте перетворення без профілю друку. Точні значення уточніть у друкарні.
Як це працює
-
Введіть колір
Вставте код кольору в будь-якому форматі, введіть назву CSS або оберіть колір за допомогою зразка.
-
Перегляньте всі формати
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH і CMYK оновлюються миттєво. Будь-який рядок можна також редагувати.
-
Скопіюйте потрібне
Скопіюйте окреме значення його кнопкою або всі формати одразу — для нотаток чи посібника зі стилю.
Поширені запитання
Як перетворити HEX на RGB?
Введіть або вставте код HEX, з # чи без нього, і значення RGB з’явиться одразу. Кожна пара цифр HEX — це один канал: червоний, зелений і синій від 00 до FF, тобто від 0 до 255 у RGB.
Що таке OKLCH і навіщо він потрібен?
OKLCH описує колір через світлість, насиченість (chroma) і тон так, як його сприймає людина. Якщо змінити лише світлість, тон залишиться візуально тим самим, тому OKLCH чудово підходить для побудови відтінків і дизайн-систем. Сучасні браузери підтримують його в CSS.
Чи готове значення CMYK до друку?
Це математичне перетворення без профілю друку ICC, тож воно добре як відправна точка, але не готове для друкарні. Друкарні використовують профілі, що залежать від паперу й друкарської машини. Для точних значень зверніться до своєї друкарні або використайте її профіль у програмі для дизайну.
Чому з’являється повідомлення, що мій колір скориговано?
Формати OKLCH, LAB і LCH можуть описувати кольори, яскравіші за ті, що здатен показати стандартний екран (sRGB). Конвертер замінює такі кольори найближчими доступними для відображення, зберігаючи тон, щоб HEX і RGB залишалися коректними.
Чи підтримується прозорість?
Так. Кольори з альфа-каналом, як-от #3442d980 або rgb(52 66 217 / 0.5), зберігають прозорість у кожному форматі, що її підтримує. У CMYK прозорості немає, тому там показано суцільний колір.
Мої дані кудись надсилаються?
Ні. Усі перетворення відбуваються у вашому браузері. Нічого з того, що ви вводите, не завантажується й не зберігається.