Код цвета лайм (#00ff00)

Лайм — #00ff00 в HEX и rgb(0, 255, 0) — средний зелёный цвет. Ниже вы найдёте все форматы цвета, оттенки и тона, цветовые гармонии и информацию о том, насколько он читаем в тексте.

Обновлено

Лайм
#00ff00
Название в CSSlime
Hex#00ff00
RGBrgb(0, 255, 0)
HSLhsl(120 100% 50%)
HWBhwb(120 0% 0%)
CMYK100%, 0%, 100%, 0%

Оттенки и тона

Цветовые гармонии

О цвете лайм

Лайм (lime) — средний, насыщенный зелёный цвет с HEX-кодом #00ff00, или rgb(0, 255, 0). В модели HSL его оттенок составляет 120°, насыщенность 100%, яркость 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lime;.

Использование лайма для текста и фона

СочетаниеКоэффициент контрастаWCAG
Лаймовый текст на белом1.37 : 1не проходит
Лаймовый текст на чёрном15.30 : 1AAA

На лаймовом фоне используйте текст чёрного цвета (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-код у лайма?
#00ff00 — это rgb(0, 255, 0) и hsl(120, 100%, 50%). В CSS можно также просто написать lime.
Читается ли лаймовый текст на белом фоне?
Коэффициент контраста с белым составляет 1.37 : 1, что не соответствует WCAG. Используйте такой цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются с лаймом?
Его дополнительный цвет — #ff00ff; аналоговые цвета #80ff00 и #00ff80 находятся рядом с ним на цветовом круге.