Цвет Tailwind Indigo 100: коды и конвертация
Получите точные HEX, RGB, CMYK, HSL, LAB, HWB и OKLCH значения для цвета indigo-100 из Tailwind CSS. Цвет уже подставлен в конвертер, поэтому можно сразу копировать код или переводить его в нужное пространство.
4.8 /5 (Оценок: 199)
Поддерживаются HEX, RGB, CMYK, HSL, HSV, LAB, HWB, OKLCH и CSS color names
Маска: #E4002B
Распознан формат: RGBНайдена палитра: indigo-100
Все форматы цвета
RGB
CMYK
HSL
HSV / HSB
LAB
HWB
OKLCH
Превью цвета
Откройте системную палитру и выберите оттенок без ручного ввода формата.
Текущее значение: #E0E7FF
Выбранная плашка: indigo-100
Похожие цвета в палитрах
Ближайшие оттенки в Tailwind, Material и Web Safe относительно текущего цвета.
Tailwind
indigo-100
#E0E7FF
blue-100
#DBEAFE
sky-100
#E0F2FE
violet-100
#EDE9FE
slate-200
#E2E8F0
violet-200
#DDD6FE
Material
blue-50
#E3F2FD
indigo-50
#E8EAF6
light-blue-50
#E1F5FE
deep-purple-50
#EDE7F6
cyan-50
#E0F7FA
teal-50
#E0F2F1
Web Safe
#CCFFFF
#CCFFFF
#CCCCFF
#CCCCFF
#FFFFFF
#FFFFFF
#FFCCFF
#FFCCFF
#CCFFCC
#CCFFCC
#CCCCCC
#CCCCCC
Slate
11Gray
11Zinc
11Neutral
11Stone
11Red
11Orange
11Amber
11Yellow
11Lime
11Green
11Emerald
11Teal
11Cyan
11Sky
11Blue
11Indigo
11Violet
11Purple
11Fuchsia
11Pink
11Rose
11Система
tailwind
Семейство
Indigo
HEX
#E0E7FF
Как использовать этот цвет в проекте
Оттенок indigo-100 относится к палитре Tailwind CSS и хорошо работает как светлый базовый цвет для интерфейсов, маркетинговых блоков и дизайн-систем. На странице можно быстро проверить, как этот HEX ведёт себя в RGB, HSL, LAB и OKLCH, прежде чем переносить его в токены проекта или UI-kit.
Как сочетать цвет в интерфейсе
Для пары с indigo-100 удобно сразу смотреть контраст и соседние оттенки той же семьи Indigo. Светлые значения лучше подходят для фонов и бейджей, средние - для кнопок и ссылок, тёмные - для текста, иконок и состояний hover. Это снижает риск выбрать красивый, но слабочитаемый цвет.
Что проверить перед экспортом
Если цвет нужен одновременно для веба и печати, начните с HEX #E0E7FF, затем проверьте CMYK и LAB в конвертере. Так проще согласовать оттенок между Tailwind-конфигом, макетом и экспортом в PDF или презентацию, не теряя визуальную согласованность на разных носителях.
Похожие оттенки этой палитры
Быстрые переходы к соседним цветам для сравнения контраста, яркости и кодов.