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

Что делает страница

Один цвет можно записать как HEX, RGB или HSL. Страница держит три записи вместе и проверяет контраст со вторым HEX. Односторонний HEX в RGB остаётся на Hex в RGB.

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

1. Введите цвет HEX, или R, G и B, или H, S и L. Остальные поля и образец обновляются по мере ввода. Кнопки Преобразовать нет.
2. Сравнить с — это второй HEX для контраста.
3. Показать пример ставит Сравнить с на #e8f0f6 и HEX на #112233. R — 17, G — 34, B — 51. H — 210, S — 50, L — 13. Отношение — 14.02:1. Обычный текст AA, AAA и крупный текст AA пройдены.
4. Очистить всё очищает все поля, образец и отношение.

Правила и границы

#RGB раскрывается удвоением каждой цифры, поэтому #123 — это #112233. Значение не из 3 или 6 шестнадцатеричных цифр останавливается с ошибкой. H от 0 до 360, S и L от 0 до 100, R, G и B от 0 до 255. Контраст считает относительную яркость WCAG. AA для обычного текста — 4.5:1, AAA — 7:1, AA для крупного текста — 3:1. Пустое поле Сравнить с скрывает отношение.

Где это нужно

• Перевести тёмный HEX в HSL.
• Проверить тёмно-синий на светлом фоне.
• Прочитать тот же цвет как 17, 34, 51.

Вопросы