Irodori彩り

#D2BDFD Светлый Индиго

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

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

#D2BDFDСветлый Индиго

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

Об этом цвете

Светлый ИндигоФиолетовыйцифровой цвет

Роскошь с секретом

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

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

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

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

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

роскошныйтворческийтаинственныйдуховныйизысканный

Психология

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

роскошныйтворческийтаинственныйдуховныйизысканный

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

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

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

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

Символика

Что означает

творчествопрестиж и воображение

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

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

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

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

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

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

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

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

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

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

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

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

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

Избегать

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

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

Сигнал тренда
Роскошь с секретом

Фиолетовому всегда требовался редкий краситель или аккуратное смешение, и эта цена до сих пор формирует его репутацию. Он уравновешивает церемонию, воображение и лёгкий налёт тайны.

Сочетание

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

#C2D38Fредакционные макеты, которым нужен один тёплый фокус#9985C1интерфейсы, где акцент должен оставаться читаемым#F6BC8Eупаковка, которая должна выглядеть аппетитно без крика

История

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

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

Теги

роскошныйтворческийтаинственныйдуховныйизысканныйтворчествопрестиж и воображениеФиолетовый

Вариации

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

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

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

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

0% #D2BDFD 10% #BDAAE4 20% #A897CA 30% #9384B1 40% #7E7198 50% #695F7F 60% #544C65 70% #3F394C 80% #2A2633 90% #151319 100% #000000

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

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

0% #D2BDFD 10% #D7C4FD 20% #DBCAFD 30% #E0D1FE 40% #E4D7FE 50% #E9DEFE 60% #EDE5FE 70% #F2EBFE 80% #F6F2FF 90% #FBF8FF 100% #FFFFFF

Сценарии

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

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

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

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

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

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

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

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

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

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

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

#D2BDFD#C2D38F

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

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

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

#D2BDFD#E1C784#A0DBAA

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

Триада

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

#D2BDFD#F6BC8E#84DECB

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

Аналоговая

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

#B2C8FF#D2BDFD#ECB5E7

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

Монохромная

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

#9788B6#D2BDFD#DFCFFE

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

Тетрада

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

#D2BDFD#FCB1C8#C2D38F#84DECB

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

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

CSS

:root {
  --color-1: #7E7198;
  --color-2: #A897CA;
  --color-3: #D2BDFD;
  --color-4: #DBCAFD;
  --color-5: #E4D7FE;
}

Tailwind

colors: {
  color1: '#7E7198',
  color2: '#A897CA',
  color3: '#D2BDFD',
  color4: '#DBCAFD',
  color5: '#E4D7FE',
}

JSON

["#7E7198","#A897CA","#D2BDFD","#DBCAFD","#E4D7FE"]

Принципы

Баланс

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

Контраст

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

Гармония

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

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

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

1.69 :1
FAIL
Цитата

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

Контраст WCAG
Предпросмотр
Aa / Bb
#D2BDFD · Светлый Индиго

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

WCAG 2.2 задаёт минимальный контраст для текста и элементов интерфейса. #D2BDFD даёт 1.69:1 к белому (FAIL) и 11.18: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
#D2BDFD

CSS Color 4

RGB
210,189,253

sRGB / D65

HSL
260,94,87

HSL

OKLCH
oklch(0.838 0.091 299.5)

perceptual

LAB
80,20,-29

CIE Lab

LCH
80,35,304

CIE LCH

XYZ
63,57,101

CIE XYZ

LUV
80,7,-49

CIE LUV

HWB
260,74,1

CSS HWB

CMYK
17,25,0,1

print

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

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

CSS
color: #D2BDFD;

custom properties

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

arbitrary value

Android
#FFD2BDFD

ARGB

Flutter
Color(0xFFD2BDFD)

dart:ui

Photoshop
R 210 G 189 B 253 · C 17 M 25 Y 0 K 1

RGB / CMYK

Print
CMYK 17,25,0,1

FOGRA39

Анализ цвета

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

Светлота
0.572

relative luminance · cool

Контраст
1.69 : 1

vs white · FAIL · cool

Контраст
11.18 : 1

vs black · AAA · cool

Тон
260°

saturation 94% · cool

LCH
80,35,304

lightness 87% · cool

ΔE
29.9

曙色 #D5A8B4 · cool

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

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

Светлый Фиолетовый #DDA0DDΔE 16.0 藤色 #9B8EC2ΔE 19.2 Светлый Синий #B0C4DEΔE 25.1 Яркий Синий #7289DAΔE 27.3 Бледный Синий #E6E6FAΔE 27.5 空色 #6AB0E8ΔE 28.9

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

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

Предпросмотр
#D2BDFD
Protanopia
#B3C6FF
Deuteranopia
#B6C6FB
Tritanopia
#CCC5D1

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

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

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

Настроение
роскошный, творческий, таинственный, духовный, изысканный

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

Семейство
Фиолетовый · oklch(0.838 0.091 299.5)

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

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

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

Стиль
Роскошь с секретом

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

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

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

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

Какой это цвет — #D2BDFD?
Светлый Индиго — это #D2BDFD, в верхнем регистре #D2BDFD. В RGB — rgb(210,189,253), в HSL примерно hsl(260 94% 87%), в OKLCH — oklch(0.838 0.091 299.5).
Что символизирует Светлый Индиго?
Обычно он означает энергию, тепло и уверенность с оттенком церемонности. Местная культура меняет прочтение, поэтому проверьте контекст.
Где используется Светлый Индиго?
Вы увидите его в Лендинги кампаний, Системы журнальных обложек, Этикетки упаковки продуктов, Акценты статусов на дашборде, Навигационные вывески в рознице, а также в красота, культура, технологии, товары класса люкс.
Какие цвета хорошо сочетаются с Светлый Индиго?
Приглушённые нейтрали, более тёмные ступени того же тона и один металлический акцент подходят хорошо. редакционные макеты, которым нужен один тёплый фокус; упаковка, которая должна выглядеть аппетитно без крика; интерфейсы, где акцент должен оставаться читаемым
Как Светлый Индиго влияет на настроение?
Он повышает воспринимаемую энергию и быстро притягивает взгляд. Большие площади выглядят напряжённо, поэтому акцент надёжнее.
Какие отрасли используют Светлый Индиго?
Он распространён в красота, культура, технологии, товары класса люкс, особенно когда бренд хочет передать роскошный, творческий, таинственный, духовный, изысканный.
Какова история Светлый Индиго?
История пигмента конкретна: Фиолетовому всегда требовался редкий краситель или аккуратное смешение, и эта цена до сих пор формирует его репутацию. Он уравновешивает церемонию, воображение и лёгкий налёт тайны.
Как применять Светлый Индиго в дизайне?
Выделите один фокусный элемент, держите основной текст нейтральным и проверьте контраст 1.69 на белом и 11.18 на чёрном.
Доступен ли Светлый Индиго?
Контраст составляет 1.69 на белом (FAIL) и 11.18 на чёрном (AAA). Для крупного текста используйте его только при уровне AA.