Irodori彩り

#A2C19F Светлый Зелёный

Создавайте цветовые коды, варианты, гармонии и проверяйте контраст.

Преобразование цвета

#A2C19FСветлый Зелёный

CMYK profile: Coated FOGRA39 · Запись следует CSS Color 4 и правилам контраста WCAG 2.2.

Об этом цвете

Светлый ЗелёныйЗелёныйцифровой цвет

Рост с ровным пульсом

Светлый Зелёный — это #A2C19F, тон семейства Зелёный с ясным культурным происхождением. Сам по себе он читается как часть этого семейства; его корни (цифровой цвет) добавляют второй смысловой слой.

Совет дизайнеру

Сначала проверьте Светлый Зелёный (#A2C19F) на нейтральной поверхности: акцент из семейства Зелёный сделает его осознанным, а не декоративным.

Лучшее применение

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

свежийуравновешенныйздоровыйукоренённыйспокойный

Психология

Как воспринимается

свежийуравновешенныйздоровыйукоренённыйспокойный

Психологический эффект

Светлый Зелёный повышает воспринимаемую энергию композиции Зелёный и направляет взгляд к действию.

Эмоциональное воздействие

Он ощущается непосредственным и тёплым, поэтому оживляет сдержанную вёрстку, не делая её шумной.

Символика

Что означает

ростздоровье и устойчивость

Культурное значение

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

Положительные ассоциации

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

Осторожно в применении

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

Где встречается

Типичные задачи дизайна

Лендинги кампаний
Отдайте Светлый Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.
Системы журнальных обложек
Отдайте Светлый Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.
Этикетки упаковки продуктов
Отдайте Светлый Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.
Акценты статусов на дашборде
Отдайте Светлый Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.
Навигационные вывески в рознице
Отдайте Светлый Зелёный единственному элементу, который должен бросаться в глаза первым, а остальную палитру Зелёный оставьте ему в поддержку.

Рекомендации

Как применять

Рекомендуется

  • Держите насыщенные заливки в пределах примерно двадцати процентов макета.
  • Используйте только для главного призыва к действию.
  • Проверяйте сочетание в малом размере на нейтральном фоне.

Избегать

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

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

Сигнал тренда
Рост с ровным пульсом

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

Сочетание

Цвета, которые его дополняют

#C9ABCDредакционные макеты, которым нужен один тёплый фокус#6C8969интерфейсы, где акцент должен оставаться читаемым#A3B8DDупаковка, которая должна выглядеть аппетитно без крика

История

Пигменты и происхождение

До синтетических красителей Светлый Зелёный составляли из минеральных и растительных пигментов; семейство Зелёный зависело от охры, марены и индиго. Экраны сегодня воспроизводят его стабильнее любого отдельного пигмента.

Теги

свежийуравновешенныйздоровыйукоренённыйспокойныйростздоровье и устойчивостьЗелёный

Вариации

Тёмные ступени затемняют, светлые осветляют, а угол тона остаётся прежним.

Профессиональный совет: Тёмные ступени затемняют, светлые осветляют, а угол тона остаётся прежним.

Тёмные ступени

Более тёмные ступени в том же тоне.

0% #A2C19F 10% #92AE8F 20% #829A7F 30% #71876F 40% #61745F 50% #516150 60% #414D40 70% #313A30 80% #202720 90% #101310 100% #000000

Светлые ступени

Более светлые ступени для поверхностей и фона.

0% #A2C19F 10% #ABC7A9 20% #B5CDB2 30% #BED4BC 40% #C7DAC5 50% #D1E0CF 60% #DAE6D9 70% #E3ECE2 80% #ECF3EC 90% #F6F9F5 100% #FFFFFF

Сценарии

  • Тёмные ступени → hover, shadows, depth
  • Светлые ступени → highlights, surfaces
  • Баланс → consistent color systems

Совет по дизайну

Достаточно одного ведущего тона, одного поддерживающего и одного акцента.

Цветовые сочетания

Вращайте цветовой круг, сохраняя светлоту.

Как использовать

Три шага сохраняют читаемость и осознанность цвета.

Почему работает

Перцептивное обоснование палитры.

Комплементарная

Напротив в цветовом круге; контраст обостряет фокусный цвет.

#A2C19F#C9ABCD

Лучшее применение: Призывы к действию и акценты одной функции

Раздельно-комплементарная

Два соседа противоположного тона; мягче прямого контраста.

#A2C19F#B7B1DA#D6A8BA

Лучшее применение: Сбалансированные маркетинговые макеты с двумя акцентами

Триада

Три равноудалённых тона; живо, но нужен один ведущий голос.

#A2C19F#A3B8DD#DAA9A6

Лучшее применение: Айдентика событий и игривые журнальные развороты

Аналоговая

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

#B7BB91#A2C19F#91C4B3

Лучшее применение: Фоны, графики и спокойные страницы продукта

Монохромная

Один тон по ступеням светлоты; дисциплинированно и премиально.

#758B72#A2C19F#BCD2BA

Лучшее применение: Дизайн-системы, упаковка и типографическая иерархия

Тетрада

Две комплементарные пары; богато, но требует строгих пропорций.

#A2C19F#8BC2C7#C9ABCD#DAA9A6

Лучшее применение: Сложные дашборды и бренды с несколькими сервисами

Экспорт палитры

CSS

:root {
  --color-1: #61745F;
  --color-2: #829A7F;
  --color-3: #A2C19F;
  --color-4: #B5CDB2;
  --color-5: #C7DAC5;
}

Tailwind

colors: {
  color1: '#61745F',
  color2: '#829A7F',
  color3: '#A2C19F',
  color4: '#B5CDB2',
  color5: '#C7DAC5',
}

JSON

["#61745F","#829A7F","#A2C19F","#B5CDB2","#C7DAC5"]

Принципы

Баланс

Достаточно одного ведущего тона, одного поддерживающего и одного акцента.

Контраст

До релиза проверьте основной текст на белом и на чёрном.

Гармония

Вращайте цветовой круг, сохраняя светлоту.

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

До релиза проверьте основной текст на белом и на чёрном.

1.97 :1
FAIL
Цитата

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

Контраст WCAG
Предпросмотр
Aa / Bb
#A2C19F · Светлый Зелёный

Стандарты контраста WCAG

WCAG 2.2 задаёт минимальный контраст для текста и элементов интерфейса. #A2C19F даёт 1.97:1 к белому (FAIL) и 9.59:1 к чёрному (AAA). Выберите порог по таблице ниже в зависимости от размера текста.

УровеньОбычный текстКрупный текст (18pt+ / 14pt жирный)Иконки и элементы UI
AAA7 : 14.5 : 1—
AA4.5 : 13 : 13 : 1
Не пройдено< 4.5 : 1< 3 : 1< 3 : 1

Крупный текст — 18pt обычный или 14pt жирный. Элементам UI нужен контраст 3:1 с соседними цветами. AA — обычная база, AAA — усиленный уровень.

Технические форматы

Запись в цветовых пространствах

HEX
#A2C19F

CSS Color 4

RGB
162,193,159

sRGB / D65

HSL
115,22,69

HSL

OKLCH
oklch(0.779 0.058 142.6)

perceptual

LAB
75,-17,14

CIE Lab

LCH
75,22,141

CIE LCH

XYZ
40,48,40

CIE XYZ

LUV
75,-16,22

CIE LUV

HWB
115,62,24

CSS HWB

CMYK
16,0,18,24

print

Практические форматы

Готовые значения

CSS
color: #A2C19F;

custom properties

Tailwind
bg-[#A2C19F] text-[#FFF]

arbitrary value

Android
#FFA2C19F

ARGB

Flutter
Color(0xFFA2C19F)

dart:ui

Photoshop
R 162 G 193 B 159 · C 16 M 0 Y 18 K 24

RGB / CMYK

Print
CMYK 16,0,18,24

FOGRA39

Анализ цвета

Измеренные свойства цвета

Светлота
0.483

relative luminance · neutral

Контраст
1.97 : 1

vs white · FAIL · neutral

Контраст
9.59 : 1

vs black · AAA · neutral

Тон
115°

saturation 22% · neutral

LCH
75,22,141

lightness 69% · neutral

ΔE
12.0

豆绿 #9CCF9C · neutral

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

Ближайшие цвета из всей библиотеки Irodori, по ΔE.

Светлый Зелёный #8FBC8FΔE 8.6 豆绿 #9CCF9CΔE 12.0 璆琳 #9EA6A0ΔE 19.0 竹青 #789262ΔE 19.7 Серебристый #C0C0C0ΔE 22.0 Светлый Бирюзовый #66CDAAΔE 22.1

Симулятор дальтонизма

Как выглядит при нарушении цветового зрения

Предпросмотр
#A2C19F
Protanopia
#C3BA9D
Deuteranopia
#BDB7A0
Tritanopia
#A0BEB7

Как выглядит при нарушении цветового зрения · ΔE 12.0

Творческие аспекты

Культура, настроение и история

Настроение
свежий, уравновешенный, здоровый, укоренённый, спокойный

Чаще всего его читают как энергию, тепло, уверенность и лёгкий оттенок церемонности.

Семейство
Зелёный · oklch(0.779 0.058 142.6)

Чаще всего его читают как энергию, тепло, уверенность и лёгкий оттенок церемонности.

Применение
Лендинги кампаний

Чаще всего его читают как энергию, тепло, уверенность и лёгкий оттенок церемонности.

Стиль
Рост с ровным пульсом

Чаще всего его читают как энергию, тепло, уверенность и лёгкий оттенок церемонности.

Вдохновлено
цифровой цвет

Чаще всего его читают как энергию, тепло, уверенность и лёгкий оттенок церемонности.

Частые вопросы

Какой это цвет — #A2C19F?
Светлый Зелёный — это #A2C19F, в верхнем регистре #A2C19F. В RGB — rgb(162,193,159), в HSL примерно hsl(115 22% 69%), в OKLCH — oklch(0.779 0.058 142.6).
Что символизирует Светлый Зелёный?
Обычно он означает энергию, тепло и уверенность с оттенком церемонности. Местная культура меняет прочтение, поэтому проверьте контекст.
Где используется Светлый Зелёный?
Вы увидите его в Лендинги кампаний, Системы журнальных обложек, Этикетки упаковки продуктов, Акценты статусов на дашборде, Навигационные вывески в рознице, а также в медицина, финансы, сельское хозяйство, активный отдых.
Какие цвета хорошо сочетаются с Светлый Зелёный?
Приглушённые нейтрали, более тёмные ступени того же тона и один металлический акцент подходят хорошо. редакционные макеты, которым нужен один тёплый фокус; упаковка, которая должна выглядеть аппетитно без крика; интерфейсы, где акцент должен оставаться читаемым
Как Светлый Зелёный влияет на настроение?
Он повышает воспринимаемую энергию и быстро притягивает взгляд. Большие площади выглядят напряжённо, поэтому акцент надёжнее.
Какие отрасли используют Светлый Зелёный?
Он распространён в медицина, финансы, сельское хозяйство, активный отдых, особенно когда бренд хочет передать свежий, уравновешенный, здоровый, укоренённый, спокойный.
Какова история Светлый Зелёный?
История пигмента конкретна: Зелёный заимствует авторитет у листвы и обновления, легко переходя от медицинской чистоты к тишине глубокого леса. Глаз разбирает его без напряжения, поэтому он читается как равновесие.
Как применять Светлый Зелёный в дизайне?
Выделите один фокусный элемент, держите основной текст нейтральным и проверьте контраст 1.97 на белом и 9.59 на чёрном.
Доступен ли Светлый Зелёный?
Контраст составляет 1.97 на белом (FAIL) и 9.59 на чёрном (AAA). Для крупного текста используйте его только при уровне AA.