Українська

Інструмент конвертації

Перетворіть HEX, RGB, HSL, HSV і CMYK

Перетворюйте HEX, RGB, HSL, HSV/HSB і CMYK у браузері. Оберіть колір, скопіюйте коди й перевірте контраст WCAG. Нічого не вивантажується.

Вставте код кольору або скористайтеся піпеткою. HEX, RGB, HSL, HSV і CMYK оновлюються разом. Перевірка контрасту використовує коефіцієнти WCAG на непрозорому тлі.

  • Працює локально
  • Без завантаження
  • Миттєво
  • Безкоштовно
Перегляд
На білому
На чорному
Формат введення

RGBA, HSLA й 8-цифровий HEX зберігають альфу. Рядки HSV і CMYK — ні; альфа показується окремо.

HSV і HSB — одна модель. V і B означають яскравість.

Тут CMYK — оцінка з екранного RGB. Це не перетворення з друкарським профілем ICC.

Контраст WCAG

Передній план може мати альфу й накладається на непрозоре тло. Ця версія не використовує альфу тла. Сам контраст не доводить, що сторінка доступна.

Перевірка Результат
AA звичайний текст
AA великий текст
AAA звичайний текст
AAA великий текст

Зразок звичайного тексту

Зразок великого тексту

Перетворення кольору й перевірка контрасту виконуються в браузері. Значення не вивантажуються.

Як це працює

  1. Вставте значення HEX, RGB, HSL, HSV або CMYK чи скористайтеся піпеткою.
  2. Прочитайте перетворені коди й скопіюйте потрібне.
  3. Якщо колір для тексту, перевірте контраст на непрозорому тлі.

Чому NEXNARA

  • Приватно

    Дані залишаються в браузері.

  • Миттєво

    Результат з’являється одразу.

  • Без завантаження

    На сервер NEXNARA нічого не надсилається.

  • Працює будь-де

    Встановлення не потрібне.

Що таке конвертер кольору?

Цей інструмент перетворює один запис кольору на інші. Копіюйте HEX для CSS, RGB для дизайнерських інструментів, HSL для коригування, HSV для піпетки або просту оцінку CMYK. Усі обчислення лишаються в браузері.

Що таке HEX?

HEX записує червоний, зелений і синій шістнадцятковими парами, наприклад #FF0000. Короткий #RGB подвоює кожну цифру. Восьмицифровий #RRGGBBAA додає альфу. Тут # необов’язковий.

Що таке RGB?

RGB змішує червоний, зелений і синій від 0 до 255. RGBA додає альфу від 0 до 1. Екрани показують колір у RGB, тож це центральний формат інших перетворень.

Що таке HSL?

HSL — це відтінок (0–360), насиченість (0–100%) і світлість (0–100%). Відтінок 360 дорівнює 0. HSLA додає альфу. Зручно, коли треба висвітлити чи наситити колір, не думаючи сирим RGB.

Що таке HSV / HSB?

HSV (також HSB) використовує відтінок, насиченість і значення/яскравість. Це не HSL: повністю яскравий червоний — hsv(0, 100%, 100%) і hsl(0, 100%, 50%). Інструмент вважає HSV і HSB однією моделлю.

Що таке CMYK?

CMYK — ціан, маджента, жовтий і чорний, кожен 0–100%. Так друкують. Тут перетворення — математична оцінка з екранного RGB, не готовий до друку профіль ICC.

RGB проти CMYK

RGB — адитивне світло на екрані. CMYK — субтрактивна фарба на папері. Ті самі числа не завжди збігаються з друкованим зразком. Цей CMYK — грубе уявлення, не для фінального друку.

Що таке альфа?

Альфа — непрозорість. 1 суцільний; 0 повністю прозорий. Її зберігають 8-цифровий HEX, RGBA і HSLA. Виводи HSV і CMYK на цій сторінці альфи не містять, тож поле альфи лишається видимим.

Що таке коефіцієнт контрасту WCAG?

Контраст WCAG порівнює відносну яскравість тексту й тла. Типові цілі: 4,5:1 для AA звичайного тексту, 3:1 для AA великого, 7:1 для AAA звичайного і 4,5:1 для AAA великого. Перевірка не охоплює розмір шрифту, насиченість чи решту доступності.

Як перетворити колір

Оберіть HEX, RGB, HSL, HSV або CMYK. Вставте значення або порухайте піпетку. Перетворення йде під час введення. Скопіюйте будь-який результат. Для контрасту задайте непрозоре тло й читайте PASS або FAIL біля кожного рядка WCAG.

Конфіденційність

Нічого не надсилається на NEXNARA чи до зовнішнього API кольору. Для цього інструмента значення не зберігаються в куках чи локальному сховищі.

Часті запитання

Як перетворити HEX на RGB?

Вставте HEX на кшталт #FF0000 або оберіть колір. RGB з’явиться як rgb(255, 0, 0).

Як перетворити RGB на HEX?

Оберіть RGB і введіть rgb(255, 0, 0) або поля R, G, B. HEX стане #FF0000.

Яка різниця між HSL і HSV?

Обидва використовують відтінок і насиченість, але третій канал HSL — світлість, а HSV — значення (яскравість). Повністю яскравий червоний — 50% lightness у HSL і 100% value у HSV.

Чи HSV те саме, що HSB?

Так. B у HSB (brightness) — це V у HSV (value). Інструмент приймає hsv() і hsb().

Чи можна перетворити RGB на CMYK?

Так, як оцінку з екранного RGB. Вона не збігатиметься з кожним профілем принтера.

Чому друкований CMYK може виглядати інакше?

Папір, фарба й профілі ICC змінюють результат. Ця сторінка не імітує друкарську машину.

Що означає 8-цифровий HEX?

Останні дві цифри — альфа. #FF000080 — червоний приблизно з 50% непрозорості.

Який коефіцієнт контрасту мені потрібен?

WCAG AA для звичайного тексту — 4,5:1. Великий текст може мати 3:1. AAA для звичайного — 7:1. Інструмент показує лише ці чотири перевірки.

Чи перетворення виконується локально?

Так. Воно працює у вашому браузері. Немає сервера й зовнішнього API.

Як перетворити HEX на HSL?

Вставте HEX і прочитайте поле HSL або почніть з HSL і скопіюйте HEX. Відтінок 360 дорівнює 0.