О розовом цвете
Розовый (pink) — очень светлый и яркий красный с HEX-кодом #ffc0cb, или rgb(255, 192, 203). В HSL он имеет оттенок 350°, насыщенность 100% и светлоту 88%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: pink;.
Использование розового для текста и фона
| Сочетание | Коэффициент контрастности | WCAG |
|---|---|---|
| Розовый текст на белом | 1.54 : 1 | не проходит |
| Розовый текст на черном | 13.65 : 1 | AAA |
На розовом фоне используйте черный текст (13.65 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно с помощью проверки контрастности.
CSS
.element {
color: pink; /* or #ffc0cb */
background-color: #ffc0cb;
border: 1px solid rgb(255 192 203 / 50%);
}
Похожие именованные цвета
Светло-розовый (#ffb6c1), Персиковый (#ffdab9), Бисквитный (#ffe4c4), Пшеничный (#f5deb3), Чертополоховый (#d8bfd8), Туманная роза (#ffe4e1).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.