О цвете лайм
Лайм (lime) — средний, насыщенный зелёный цвет с HEX-кодом #00ff00, или rgb(0, 255, 0). В модели HSL его оттенок составляет 120°, насыщенность 100%, яркость 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lime;.
Использование лайма для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Лаймовый текст на белом | 1.37 : 1 | не проходит |
| Лаймовый текст на чёрном | 15.30 : 1 | AAA |
На лаймовом фоне используйте текст чёрного цвета (15.30 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного текста. Проверить другие пары цветов можно с помощью проверки контраста.
CSS
.element {
color: lime; /* or #00ff00 */
background-color: #00ff00;
border: 1px solid rgb(0 255 0 / 50%);
}
Похожие именованные цвета
Зелёный лайм (#32cd32), Газонный зелёный (#7cfc00), Лесной зелёный (#228b22), Шартрез (#7fff00), Зелёный (#008000), Весенний зелёный (#00ff7f).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.