Irodori彩り

#515744 Глубокий Лаймовый

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

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

#515744Глубокий Лаймовый

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

Об этом цвете

Глубокий ЛаймовыйЗелёныйцифровой цвет

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

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

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

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

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

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

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

Психология

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

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

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

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

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

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

Символика

Что означает

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Избегать

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

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

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

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

История

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

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

Теги

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

Вариации

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

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

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

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

Сценарии

  • Тёмные ступени → ховер, тени, глубина
  • Светлые ступени → светлые акценты, поверхности
  • Баланс → целостные цветовые системы

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

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

Сравнение цветовых систем

Ближайший именованный цвет в каждой традиции и дизайн-системе по OKLCH ΔE. Чем меньше значение, тем ближе.

Азиатские традиции

黛蓝 CN ΔE 0.020
黯 KR ΔE 0.048
Soga ID ΔE 0.050
Показать все (6)
मेहंदी IN ΔE 0.064
สีคราม TH ΔE 0.068
茶色 JP ΔE 0.075
Хүрэн MN ΔE 0.083
蓝天 TB ΔE 0.090
Lam VN ΔE 0.094

Дизайн-системы

Gray 600 Tailwind ΔE 0.003
Gray 600 Chakra ΔE 0.005
Gray 600 UnoCSS ΔE 0.005
Показать все (11)
Gray 600 Panda ΔE 0.005
Gray 700 Bootstrap ΔE 0.024
Gray 700 Open Color ΔE 0.024
Secondary 40 Material ΔE 0.041
Gray 14 Polaris ΔE 0.048
Foreground muted Primer ΔE 0.050
Sand 11 Radix ΔE 0.057
Yellow 10 Ant Design ΔE 0.062
Web 60 Fluent ΔE 0.084
Secondary StyleX ΔE 0.157
Brand (contract) vanilla-extract ΔE 0.299

RAL Classic

Bronze green · RAL 6031 RAL ΔE 0.006
Попробовать другой цвет

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

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

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

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

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

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

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

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

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

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

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

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

Триада

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

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

Аналоговая

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

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

Монохромная

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

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

Тетрада

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

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

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

CSS

:root {
  --color-1: #313429;
  --color-2: #414636;
  --color-3: #515744;
  --color-4: #747969;
  --color-5: #979A8F;
}

Tailwind

colors: {
  color1: '#313429',
  color2: '#414636',
  color3: '#515744',
  color4: '#747969',
  color5: '#979A8F',
}

JSON

["#313429","#414636","#515744","#747969","#979A8F"]

Принципы

Баланс

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

Контраст

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

Гармония

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

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

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

7.51 :1
AAA
Цитата

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

Контраст WCAG
Предпросмотр
Aa / Bb
#515744 · Глубокий Лаймовый

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

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

УровеньОбычный текстКрупный текст (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
#515744

CSS Color 4

RGB
81,87,68

sRGB / D65

HSL
79,12,30

HSL

OKLCH
oklch(0.446 0.031 121.9)

perceptual

LAB
36,-6,10

CIE Lab

LCH
36,12,121

CIE LCH

XYZ
8,9,7

CIE XYZ

LUV
36,-2,13

CIE LUV

HWB
79,27,66

CSS HWB

CMYK
7,0,22,66

print

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

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

CSS
color: #515744;

custom properties

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

arbitrary value

Android
#FF515744

ARGB

Flutter
Color(0xFF515744)

dart:ui

Photoshop
R 81 G 87 B 68 · C 7 M 0 Y 22 K 66

RGB / CMYK

Print
CMYK 7,0,22,66

FOGRA39

Анализ цвета

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

Светлота
0.090

relative luminance · warm

Контраст
7.51 : 1

vs white · AAA · warm

Контраст
2.51 : 1

vs black · FAIL · warm

Тон
79°

saturation 12% · warm

LCH
36,12,121

lightness 30% · warm

ΔE
19.5

玄色 #3A3A40 · warm

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

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

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

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

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

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

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

Семейство
Зелёный · oklch(0.446 0.031 121.9)

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

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

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

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

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

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

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

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

Какой это цвет — #515744?
Глубокий Лаймовый — это #515744, в верхнем регистре #515744. В RGB — rgb(81,87,68), в HSL примерно hsl(79 12% 30%), в OKLCH — oklch(0.446 0.031 121.9).
Что символизирует Глубокий Лаймовый?
Обычно он означает энергию, тепло и уверенность с оттенком церемонности. Местная культура меняет прочтение, поэтому проверьте контекст.
Где используется Глубокий Лаймовый?
Вы увидите его в Лендинги кампаний, Системы журнальных обложек, Этикетки упаковки продуктов, Акценты статусов на дашборде, Навигационные вывески в рознице, а также в медицина, финансы, сельское хозяйство, активный отдых.
Какие цвета хорошо сочетаются с Глубокий Лаймовый?
Приглушённые нейтрали, более тёмные ступени того же тона и один металлический акцент подходят хорошо. редакционные макеты, которым нужен один тёплый фокус; упаковка, которая должна выглядеть аппетитно без крика; интерфейсы, где акцент должен оставаться читаемым
Как Глубокий Лаймовый влияет на настроение?
Он повышает воспринимаемую энергию и быстро притягивает взгляд. Большие площади выглядят напряжённо, поэтому акцент надёжнее.
Какие отрасли используют Глубокий Лаймовый?
Он распространён в медицина, финансы, сельское хозяйство, активный отдых, особенно когда бренд хочет передать свежий, уравновешенный, здоровый, укоренённый, спокойный.
Какова история Глубокий Лаймовый?
История пигмента конкретна: Зелёный заимствует авторитет у листвы и обновления, легко переходя от медицинской чистоты к тишине глубокого леса. Глаз разбирает его без напряжения, поэтому он читается как равновесие.
Как применять Глубокий Лаймовый в дизайне?
Выделите один фокусный элемент, держите основной текст нейтральным и проверьте контраст 7.51 на белом и 2.51 на чёрном.
Доступен ли Глубокий Лаймовый?
Контраст составляет 7.51 на белом (AAA) и 2.51 на чёрном (FAIL). Для крупного текста используйте его только при уровне AA.