Colorage

Жёлтый Зелёный (Yellow Green)

Яркий желто-зеленый цвет излучает свежесть и оптимизм, наполняя любое пространство игривыми и энергичными нотками.

HEX #9ACD32

RGB rgb(154, 205, 50)

HSL hsl(80, 61%, 50%)

Яркий желто-зеленый цвет излучает свежесть и оптимизм, наполняя любое пространство игривыми и энергичными нотками.
#9ACD32

Конвертация

HEX9ACD32
RGB154, 205, 50
CMYK25, 0, 76, 20
HSB79.74, 75.61, 80.39
HSL80, 61, 50
LAB77, -38, 67
XYZ35.7, 50.8, 10.9
LCH77, 77, 120
LUV77, -25, 82
HWB80, 20, 20

О цвете "Жёлтый Зелёный"

Узнайте о психологии цвета, его значении и практическом применении в дизайне.

Описание

Яркий и энергичный, этот цвет находится на стыке зеленого и желтого. Он вызывает ассоциации со свежестью и пышностью природы.

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

Благодаря своей яркости он привлекает внимание и идеально подходит для того, чтобы притягивать взгляды в различных ситуациях.

Психология

Этот цвет поднимает настроение, заряжает энергией и стимулирует умственную деятельность. Он способен вызывать чувство оптимизма, бодрости и стремление к развитию.

  • Энергия. Воспринимается как свежий и полный жизни аромат, напоминающий о распускающихся растениях.
  • Креативность. Сочетание желтого и зеленого цветов порождает новые идеи и намекает на инновации.
  • Бдительность. Яркость может повысить осведомленность и удержать внимание зрителей.
  • Позитив. Связан с обновлением и здоровым образом жизни.
  • Нетерпение. Способствует ощущению готовности и активности.

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

Значение

В разных культурах этот оттенок часто символизирует рост, обновление и процветание. В некоторых контекстах он может быть связан с удачей, а в сфере устойчивого развития он означает экологичность и дальновидность.

  • Природа. Чаще всего используется для обозначения растений, зарождения жизни и здоровья.
  • Молодость. Символизирует начало и обещание роста.
  • Экологическая осведомленность. Выбран для экологически ответственных предприятий и производителей органической продукции.
  • Оптимизм. Более желтоватый оттенок придает цвету радостный, выходящий за рамки классического зеленого.
  • Сигнал. Служит визуальным сигналом для принятия дальнейших действий.

Этот цвет сочетает в себе спокойствие зеленого и энергию желтого, создавая уникальное культурное значение.

Почему используется именно этот цвет?

Этот цвет передает свежесть, безопасность и теплоту окружающей среды. Он привлекает внимание, не будучи резким.

  • Видимость. Заметно даже для уставших глаз.
  • ассоциация бренда. Связывает бренды с инновациями и устойчивыми практиками.
  • Настроение. Своей яркостью способно позитивно изменить настроение.
  • Гибкость. Отлично подходит для призывов к действию и навигации.
  • Доступность. Мягче неонового цвета, но привлекательнее холодного зеленого.

Это отражает активные, позитивные и прогрессивные ценности.

Приложения

Идеально подходит для экологически ответственных брендов, товаров для здоровья, весенних рекламных кампаний и технологических компаний, ориентированных на устойчивое развитие.

  • Брендинг. Используйте для компаний, желающих подчеркнуть свои экологические ценности.
  • Веб-дизайн. Призывы к действию, панели уведомлений и выделенные фрагменты.
  • Упаковка продукции. Органические продукты питания, пищевые добавки и товары для садоводства.
  • Офисные помещения. Добавляйте в качестве отдельных акцентов, чтобы зарядиться энергией и сосредоточиться.
  • Реклама. Используйте в материалах для быстрого привлечения внимания.

Для поддержания визуального баланса сочетайте с темными или приглушенными цветами.

История

Этот цвет впервые приобрел популярность в дизайне и моде в конце 20-го века, когда дизайнеры стали искать яркие, вдохновленные природой оттенки.

Известный в мире красок, текстиля и веб-цветов как современный оттенок, он соответствует тенденциям к экологичности и устойчивому развитию, отражая возрожденную любовь к природе.

Сейчас это неотъемлемая часть экологического брендинга, «зеленых» технологий и товаров для здоровья.

Доступность

Читабельный контраст имеет решающее значение. На белом фоне этот оттенок читаем при наличии темного или черного текста, но в некоторых случаях может не соответствовать стандартам WCAG для текста основного размера.

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

  • Обеспечьте хороший контраст. Используйте с черным/темным текстом для лучшей читаемости.
  • Не используйте для важных элементов пользовательского интерфейса.. Можно добавлять только значки или контуры.
  • Тестирование с помощью симуляторов. для различных типов цветового зрения.
  • Предложите альтернативные подсказки. (например, значки или узоры).
  • Избегайте сочетания с оттенками схожей насыщенности.. (салатовый, неоново-желтый).

Для обеспечения доступности используйте 000000 или 004225 для текста на светлом фоне.

Похожие цвета

Близкими родственниками являются яркие зеленые и желтые оттенки, обладающие схожей насыщенностью, создающие естественную гармонию.

Ещё более светлый травянистый оттенок, идеально подходящий для интерьеров, ориентированных на природу.
Светлее, более жёлтого цвета, часто используется для обозначения предупреждающих или сигнальных состояний.
Немного менее желтый, более насыщенный для создания ярких и смелых цветовых палитр.
Яркий желтый цвет для дополнительного акцента.
Яркий светло-зеленый цвет, эффектный в цифровом дизайне.

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

Оттенки

Оттенок создается путем добавления черного цвета к базовому цвету, что увеличивает его темноту. Оттенки выглядят более эффектными и насыщенными.

Осветленные оттенки

Оттенок создается путем добавления белого цвета к базовому цвету, что увеличивает его светлость. Оттенки, как правило, выглядят пастельными и менее интенсивными.

Тона

Оттенок создается путем добавления серого цвета к базовому цвету, увеличивая его светлость. Оттенки выглядят более изысканно и сложно, чем базовые цвета.

Оттенки по цветовому кругу

Оттенок (hue) — это базовое семейство цвета от красного до фиолетового. Здесь показаны вариации базового цвета на цветовом круге.

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

Цветовые гармонии — это приятные цветовые схемы, созданные в соответствии с их положением на цветовом круге

Аналогичные

Аналогичные цветовые схемы создаются путем выбора трех цветов, расположенных рядом друг с другом на цветовом круге. Они воспринимаются как спокойные и безмятежные.

Дополнительный

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

Разделенный комплементарный

Раздельно-комплементарные цветовые схемы похожи на комплементарные, но используют два диагональных цвета комплемента. Они более гибкие, чем комплементарные.

Триадический

Триадические цветовые схемы создаются путем выбора трех цветов, равномерно расположенных на цветовом круге. Они выглядят довольно контрастными и многоцветными.

Тетрадический

Тетрадические цветовые схемы создаются из двух пар дополнительных цветов, расположенных в форме прямоугольника на цветовом круге. Они очень универсальны и лучше всего работают с одним доминирующим цветом.

Квадрат

Квадратные цветовые схемы похожи на тетрады, расположенные в квадрате, а не в прямоугольнике. Цвета кажутся еще более контрастными.

Симулятор слепоты

Чтобы создавать доступные дизайны, проверьте, как тот или иной цвет воспринимается людьми с дальтонизмом.

Протанопия

1,3% мужчин, 0,02% женщин — 66% сходства

Дейтеранопия

1,2% мужчин, 0,01% женщин — 58% сходства

Тританопия

0,001% мужчин, 0,03% женщин — 12% сходства

Ахроматопсия

0,003% населения — 23% сходства

Проверка контраста

Проверьте, насколько выбранный цвет текста читаем на белом и чёрном фонах — это полезно для светлой и тёмной темы интерфейса. Для подробных параметров контраста, рекомендаций по соответствию стандартам доступности (WCAG) и подбора подходящих альтернатив откройте инструмент проверки контраста.

Контраст с белым фоном
Плохо
★★★★★
Пример текста
1.88:1
Контраст с чёрным фоном
Отлично
★★★★★
Пример текста
11.15:1