Инструменты разработчика

Конвертер цветов HEX, RGB, HSL

Переведите цвет между форматами HEX, RGB и HSL, выберите его пипеткой и проверьте контраст с белым и чёрным текстом по требованиям доступности WCAG.

Рабочая область

HEX, rgb() или hsl().

Инструмент работает в вашем браузере: введённые данные никуда не отправляются.

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

  1. Введите цвет в любом формате: #7c5cfa, rgb(124 92 250), hsl(252 94% 67%) — или выберите его в палитре.
  2. Нажмите «Преобразовать».
  3. Скопируйте нужную запись; ниже показан контраст с белым и чёрным.

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

Что значат AA и AAA?

Уровни доступности WCAG: для обычного текста нужен контраст не меньше 4,5:1 (AA) или 7:1 (AAA), для крупного — 3:1.

Поддерживается прозрачность?

Да: #rrggbbaa, rgba() и hsla() — прозрачность сохраняется во всех форматах.