Русский

Инструмент конвертации

Конвертация 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. Значения не сохраняются в cookie и local storage для этого инструмента.

Частые вопросы

Как конвертировать 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% светлоты в HSL и 100% значения в HSV.

HSV — это то же, что HSB?

Да. B в HSB (яркость) — это V в HSV (значение). Принимаются 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.