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

HEX ↔ RGB ↔ HSL с палитрой

Загрузка…

Был ли этот инструмент полезен?

About this tool

Этот инструмент преобразует HEX-код цвета в значения RGB и HSL и вычисляет, какой текст - белый или чёрный - лучше читается на нём. Он также показывает шестиступенчатую палитру, сохраняющую тот же оттенок и насыщенность при изменении только светлоты - удобно для подбора оттенков дизайна.

How to use

  1. Нажмите на палитру выбора цвета или введите значение HEX напрямую (подходят и 3, и 6 цифр).
  2. RGB, HSL и запись, удобная для CSS-переменных (R G B через пробел), появляются прямо ниже.
  3. Нажмите на любой из шести вариантов светлоты того же оттенка, чтобы переключиться на этот цвет.
  4. Под окном предпросмотра проверьте, у какого текста - белого или чёрного - больше контраст, и посмотрите точный коэффициент контрастности.

Frequently asked questions

Какие форматы цвета поддерживает этот инструмент?
Он принимает HEX (3 или 6 цифр) в качестве входных данных и преобразует его в RGB, HSL и запись "R G B" через пробел для CSS-переменных (как в rgb(var(--x) / 0.5)). Полиграфические форматы, такие как CMYK, не поддерживаются.
Как вычисляется коэффициент контрастности?
Он вычисляет относительную яркость каждого цвета по формуле WCAG, а затем сравнивает её с белым и чёрным фонами, чтобы получить коэффициент контрастности. Чем больше число, тем выше контраст и лучше читается текст.
Как создаются шесть вариантов светлоты?
Они сохраняют оттенок (H) и насыщенность (S) исходного цвета неизменными и меняют только светлоту (L) в диапазоне 90/75/60/45/30/15%, формируя шестиступенчатую палитру.
Введённое значение цвета отправляется на сервер?
Нет. Все преобразования и расчёт контрастности происходят в вашем браузере и никогда не отправляются на сервер.

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