Конвертер Цветов

Конвертируйте цвета между форматами HEX, RGB и HSL. Включает визуальную палитру цветов и проверку коэффициента контрастности WCAG для тестирования доступности.

#3B82F6rgb(59, 130, 246)
Aa
на белом: 3.68:1
AA крупный
Aa
на чёрном: 5.71:1
AA

Значения CSS

color: #3B82F6;

color: rgb(59, 130, 246);

color: hsl(217, 91%, 60%);

Как Это Работает

1

Введите значение цвета

Введите код HEX, значения RGB, значения HSL или используйте визуальную палитру цветов.

2

Просмотрите все форматы

Цвет мгновенно конвертируется в HEX, RGB и HSL. Все форматы отображаются одновременно с CSS-выводом.

3

Скопируйте или проверьте доступность

Скопируйте любой формат цвета в буфер обмена. Проверьте коэффициенты контрастности WCAG на белом и чёрном фоне.

Часто Задаваемые Вопросы

Какие цветовые форматы поддерживаются?

Инструмент поддерживает форматы HEX (3 и 6 цифр), RGB (0–255) и HSL (оттенок 0–360, насыщенность и светлота 0–100%). Введите значение в любом формате, и все остальные будут вычислены мгновенно.

Что такое проверка контрастности?

Проверка контрастности вычисляет коэффициент контрастности между вашим цветом и белым или чёрным фоном в соответствии с рекомендациями WCAG. Она показывает, соответствует ли комбинация стандартам доступности AA (соотношение 4.5:1) или AAA (соотношение 7:1).

Работает ли это в моём браузере?

Да. Все преобразования и вычисления цветов выполняются на стороне клиента в вашем браузере. Данные не отправляются ни на какой сервер.

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