О цвете Light Pink
Светло-розовый (lightpink) — очень светлый, яркий красный цвет с HEX-кодом #ffb6c1 или rgb(255, 182, 193). В HSL его тон составляет 351°, насыщенность 100%, светлота 86%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightpink;.
Использование светло-розового для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Светло-розовый текст на белом | 1.65 : 1 | не проходит |
| Светло-розовый текст на чёрном | 12.71 : 1 | AAA |
На светло-розовом фоне используйте текст чёрного цвета (12.71 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить в Contrast Checker.
CSS
.element {
color: lightpink; /* or #ffb6c1 */
background-color: #ffb6c1;
border: 1px solid rgb(255 182 193 / 50%);
}
Похожие именованные цвета
Розовый (#ffc0cb), Персиковый (#ffdab9), Пшеничный (#f5deb3), Белый навахо (#ffdead), Бисквитный (#ffe4c4), Чертополоховый (#d8bfd8).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.