Edinici.ru - конвертеры единиц измерения и калькуляторы

Конвертер

Конвертер цвета HEX RGB HSL CMYK

Конвертируйте цвета между HEX, RGB, HSL и CMYK и проверяйте визуальный образец.

Бесплатно и без регистрации

Основные параметры

Задайте исходные данные - результат обновится автоматически.

Цвет

Формат ввода
100%
КонвертерОбновлено

Результаты расчёта

Конвертер цвета · HEX

HEX
#00C389

#00C389 - насыщенный тёмный оттенок. Ближайший CSS-цвет: teal.

Скопировать HEX
#00C389

RGB

0, 195, 137

HSL

162°, 100%, 38%

CMYK

100%, 0%, 30%, 24%

Современные цветовые пространства

OKLCH

oklch(72,3% 0,156 163)

OKLab

oklab(72,3% -0,149 0,045)

LCH (CIE)

lch(70,1% 57,6 162)

Lab (CIE)

lab(70,1% -54,8 17,8)

Ближайший CSS named

teal (#008080)

CSS строки для копирования

rgba()

rgba(0, 195, 137, 1)

hsla()

hsla(162, 100%, 38%, 1)

HEX с альфой

#00C389FF

OKLCH с альфой

oklch(72,3% 0,156 163 / 1)

Доступность (WCAG)

Яркость

40,8%

Контраст к белому

2,29:1

Контраст к чёрному

9,17:1

Симуляция дальтонизма (CSS-фильтры)

Как видят люди с разными формами дальтонизма

Протанопия (нет красных)

#545697

Дейтеранопия (нет зелёных)

#493B9A

Тританопия (нет синих)

#0AA2A5

Палитра
Условия сценария
  • Минимальный контраст по WCAG AA - 4.5:1 для обычного текста и 3:1 для крупного шрифта от 18 pt.
  • HEX, RGB и HSL описывают sRGB; при обратном переводе HSL каналы RGB округляются до целых 0-255.
  • CMYK рассчитан простой формулой без ICC-профиля: это device-dependent экранная оценка, а не цветоделение для печати.
  • OKLCH - современное цветовое пространство веба (CSS Color Module 4), правильно работает с воспринимаемой яркостью.
  • Палитра пересчитывается при смене типа: тинты, Tailwind-шкала, комплементарный, триада или аналогичные оттенки.

Инструмент был полезен?

Справочник по расчёту

Об инструменте

Что делает этот инструмент

Конвертер цвета переводит между HEX, RGB, HSL, CMYK с предпросмотром и палитрой оттенков. Дополнительно - контраст по WCAG, прозрачность, готовые CSS строки и яркость цвета.

  • Все форматы: HEX, RGB, HSL, CMYK в одном результате.

  • Готовые rgba() и hsla() для CSS.

  • Контраст по WCAG для доступности (AA/AAA).

  • Палитра ±20% и ±40% от базового цвета.

  • Поддержка альфа‑канала.

Шаг за шагом

Как пользоваться

  1. Выберите цвет в палитре или введите HEX.
  2. Настройте прозрачность ползунком.
  3. Скопируйте нужный формат: HEX, rgba, hsla или CMYK.
  4. Проверьте контраст к белому и чёрному для типографики.

Подходит для

  • CSS и дизайн‑системы.
  • Передача цвета между Figma и кодом.
  • Проверка доступности по WCAG.
  • Подготовка цвета для печати (CMYK).

Первоисточники

Нормативная база расчёта

  • W3C CSS Color Module Level 4

    Алгоритмы взаимного преобразования sRGB и HSL, alpha и CMYK.

  • WCAG 2.2

    Пороговые значения контраста 4.5:1 и 3:1.

Ограничения

Точность и ограничения

  • CMYK без ICC-профиля является device-dependent приближением и не заменяет цветоделение типографии.

  • HEX не хранит информацию о цветовом профиле.

  • Реальная палитра у дизайнеров отличается от математической из-за восприятия.

Вопросы

Вопросы и ответы

Ещё

Похожие инструменты