О цвете Ghost White
Ghost White (ghostwhite) — очень светлый, насыщенный голубой цвет с HEX-кодом #f8f8ff, или rgb(248, 248, 255). В HSL его тон составляет 240°, насыщенность 100%, светлота 99%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: ghostwhite;.
Использование Ghost White для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Ghost White на белом | 1.06 : 1 | не проходит |
| Текст Ghost White на чёрном | 19.86 : 1 | AAA |
На фоне ghost white используйте чёрный текст (19.86 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно в проверке контраста.
CSS
.element {
color: ghostwhite; /* or #f8f8ff */
background-color: #f8f8ff;
border: 1px solid rgb(248 248 255 / 50%);
}
Похожие именованные цвета
Alice Blue (#f0f8ff), Снежный (#fffafa), Мятный крем (#f5fffa), Белый (#ffffff), Лазурный (#f0ffff), Белый дым (#f5f5f5).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.