Преобразование цветов
HEX / RGB / HSL в обе стороны: заполни одно, два других подстроятся, проверка контраста WCAG
支持 #RGB / #RRGGBB / #RRGGBBAA 与 rgb()/rgba()/hsl()/hsla()(alpha 支持 0–255 或 0–1)。在任意一个框里修改回车,另两个自动同步。
WCAG 对比度检查(前景 / 背景)
Частые вопросы
Нет. Разбор, превращение и подсчёт контраста идут целиком локально в браузере, без единого запроса к серверу.
HEX (#RGB / #RRGGBB / #RRGGBBAA с альфой), rgb() / rgba(), hsl() / hsla(): вводишь в любой из трёх - два других синхронизируются сами, и каждый можно скопировать одним кликом.
Отношение яркости переднего плана к фону (по WCAG 2.1): от 4.5:1 - годится для обычного текста (AA), от 3:1 - для крупного (около 18pt или 14pt полужирного), 7:1 - это уже AAA. Для основного текста держи 4.5 за нижнюю границу.
Да - это три записи одного цвета, превращение без потерь (тон/насыщенность/светлота HSL показываются округлённо до целых процентов, и копируемое значение совпадает с предпросмотром). Учти: расчёт идёт в пространстве sRGB; для широкой гаммы вроде Display P3 цифры лишь ориентировочные.