Цвет лайм Lime #00FF00

Максимально яркий зелёный RGB, который в CSS называется lime.

CSS-имя lime
RGB 0 · 255 · 0
HSL 120° · 100% · 50%
CSS Color Profile
lime #00FF00
На этой странице
Цвет #00FF00 lime
Коды цвета

Значения в разных форматах

Нажмите, чтобы скопировать

CMYK - ориентировочный пересчёт без учёта печатного профиля, а не CSS-синтаксис.

Контраст текста

Минимум WCAG AA для обычного текста - 4.5:1

Лучше: чёрный
Белый текст 1.37:1 Недостаточный
Чёрный текст 15.30:1 AAA
Светлее и темнее

Оттенки цвета лайм

Шкала от светлого фона до насыщенного тёмного тона

Шкала рассчитана от исходного кода #00FF00. Для готовой дизайн-системы дополнительно проверьте контраст каждой пары текста и фона.

Готовые палитры

Сочетания с цветом лайм

Три отправные точки для интерфейса или иллюстрации

Контрастная

Выразительная пара для акцентов, кнопок и небольших деталей.

Аналоговая

Соседние тона для спокойного и цельного цветового решения.

Монохромная

Один цвет разной светлоты для фона, текста и состояний элементов.

О цвете

Где использовать цвет лайм

Лайм #00FF00 - чистый зелёный свет с максимальным зелёным каналом. Важно не путать его с ключевым словом green, которое соответствует более тёмному #008000. Лайм очень активен и лучше работает в небольших элементах.

Характер и восприятие

Цвет лайм выглядит неоновым, молодым и энергичным. Он хорошо заметен на тёмном фоне, но в больших количествах быстро утомляет зрение.

Подходящие задачи

  • Неоновый акцент на тёмной поверхности.
  • Игровые, спортивные и экспериментальные проекты.
  • Индикаторы, диаграммы и отдельные декоративные детали.

Практические рекомендации

  • Для текста на лайме используйте чёрный.
  • Не применяйте чистый лайм как фон длинного материала.
  • Приглушайте насыщенность для спокойных интерфейсных состояний.

Как задать цвет лайм в HTML и CSS

В современной HTML-странице цвет оформляют через CSS. Для одного и того же оттенка можно использовать HEX-код, функции RGB и HSL или именованное значение lime.

.example {
  color: #000000;
  background-color: #00ff00;
}

Если значение понадобится в нескольких компонентах, вынесите его в CSS-переменную:

:root {
  --color-laym: #00ff00;
}

.button {
  background: var(--color-laym);
}
ФорматЗначениеОсобенность
HEX#00FF00Компактная шестнадцатеричная запись.
RGBrgb(0 255 0)Красный, зелёный и синий каналы от 0 до 255.
HSLhsl(120 100% 50%)Тон, насыщенность и светлота.
CSS-имя lime Готовое стандартное ключевое слово.
Продолжить подбор
Все коды цветов

Частые вопросы: цвет лайм

Какой HEX-код у цвета лайм?

Цвет лайм имеет HEX-код #00FF00. В RGB это rgb(0, 255, 0), а в HSL - hsl(120, 100%, 50%).

Как написать цвет лайм в CSS?

Используйте код #00FF00, функцию rgb(0 255 0), значение hsl(120 100% 50%) или стандартное ключевое слово lime.

Какой текст использовать на фоне цвета лайм?

Чёрный текст даёт более высокий контраст. Соотношение с белым составляет 1.37:1, с чёрным - 15.30:1.

С какими цветами сочетается лайм?

Используйте контрастную, аналоговую или монохромную схему из таблицы на странице. Для спокойной композиции добавьте нейтральные светлые и тёмные оттенки, а насыщенный дополнительный цвет оставьте для небольших акцентов.

Можно ли использовать имя lime вместо кода?

Да. Ключевое слово lime поддерживается в CSS и соответствует значению #00FF00. Числовой код удобнее, если цвет нужно передавать между макетом, кодом и другими программами.