О цвете Chocolate
Chocolate (chocolate) — средний насыщенный оранжевый цвет с HEX-кодом #d2691e, или rgb(210, 105, 30). В HSL его оттенок — 25°, насыщенность 75%, светлота 47%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: chocolate;.
Использование Chocolate для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Chocolate на белом | 3.63 : 1 | Только AA для крупного текста |
| Текст Chocolate на чёрном | 5.78 : 1 | AA |
На фоне цвета chocolate используйте чёрный текст (5.78 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.
CSS
.element {
color: chocolate; /* or #d2691e */
background-color: #d2691e;
border: 1px solid rgb(210 105 30 / 50%);
}Похожие именованные цвета
Dark Goldenrod (#b8860b), Peru (#cd853f), Sienna (#a0522d), Goldenrod (#daa520), Tomato (#ff6347), Indian Red (#cd5c5c).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.
Часто задаваемые вопросы
Какой HEX-код у цвета chocolate?
#d2691e — это rgb(210, 105, 30) и hsl(25, 75%, 47%). В CSS можно также написать просто chocolate.
Читается ли текст chocolate на белом?
Коэффициент контраста на белом — 3.63 : 1, что проходит только для крупного текста (WCAG AA large).
Какие цвета хорошо сочетаются с chocolate?
Его дополнительный цвет — #1e87d2; аналогичные #d21e2d и #d2c31e находятся рядом с ним на цветовом круге.