01
#FDFDFEФон приложения
indigo-1
Radix Indigo 1- RGB
rgb(253 253 254)- Чёрный текст
- 20,66:1
- Белый текст
- 1,02:1
← Назад к каталогу цветов
Маршрут взаимодействия
Radix Indigo: маршрут через интерфейс.
Проверенная по источнику шкала из двенадцати оттенков индиго образует единый маршрут: от спокойных поверхностей приложения через границы и фокус к сплошным акцентам и читаемому тексту.
- Ступени шкалы
- 01—12
- Описанные роли
- 12
- Версия
- 3.0.0
- 01
#FDFDFE - 02
#F7F9FF - 03
#EDF2FE - 04
#E1E9FF - 05
#D2DEFF - 06
#C1D0FF - 07
#ABBDF9 - 08
#8DA4EF - 09
#3E63DD - 10
#3358D4 - 11
#3A5BC7 - 12
#1F2D5C
Шаг 9 — опорный сплошной акцент. Шаги 11 и 12 предназначены для текста, но каждую реальную пару всё равно нужно проверять.
Зафиксированное происхождение
Точный непрозрачный экспорт Indigo, версия 3.0.0.
Справочник содержит только Indigo 1–12 из непрозрачного светлого sRGB-экспорта @radix-ui/colors 3.0.0. Тёмные варианты, альфа-канал и P3 сюда не входят.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Лицензия
- MIT
Компактный реестр токенов
Двенадцать точек, один рабочий маршрут.
Исходный порядок сохранён в группах поверхностей, границ и действий. Каждая компактная карточка показывает точное sRGB-значение, роль и рассчитанный контраст чёрного и белого текста.
Поверхности · 01—05
Открыть цвет
02
#F7F9FFНенавязчивый фон
indigo-2
Radix Indigo 2- RGB
rgb(247 249 255)- Чёрный текст
- 19,95:1
- Белый текст
- 1,05:1
Другие форматы
03
#EDF2FEФон компонента
indigo-3
Radix Indigo 3- RGB
rgb(237 242 254)- Чёрный текст
- 18,73:1
- Белый текст
- 1,12:1
Другие форматы
04
#E1E9FFКомпонент при наведении
indigo-4
Radix Indigo 4- RGB
rgb(225 233 255)- Чёрный текст
- 17,30:1
- Белый текст
- 1,21:1
Другие форматы
05
#D2DEFFАктивный компонент
indigo-5
Radix Indigo 5- RGB
rgb(210 222 255)- Чёрный текст
- 15,63:1
- Белый текст
- 1,34:1
Другие форматы
Границы · 06—08
06
#C1D0FFНенавязчивая граница
indigo-6
Radix Indigo 6- RGB
rgb(193 208 255)- Чёрный текст
- 13,73:1
- Белый текст
- 1,53:1
Другие форматы
07
#ABBDF9Интерактивная граница
indigo-7
Radix Indigo 7- RGB
rgb(171 189 249)- Чёрный текст
- 11,38:1
- Белый текст
- 1,85:1
Другие форматы
08
#8DA4EFВыраженная граница или фокус
indigo-8
Radix Indigo 8- RGB
rgb(141 164 239)- Чёрный текст
- 8,69:1
- Белый текст
- 2,42:1
Другие форматы
Акцент и текст · 09—12
09
#3E63DDСплошной фон
indigo-9
Индиго Radix 9- RGB
rgb(62 99 221)- Чёрный текст
- 4,03:1
- Белый текст
- 5,21:1
Другие форматы
10
#3358D4Сплошной фон при наведении
indigo-10
Radix Indigo 10- RGB
rgb(51 88 212)- Чёрный текст
- 3,49:1
- Белый текст
- 6,02:1
Другие форматы
11
#3A5BC7Текст с мягким контрастом
indigo-11
Radix Indigo 11- RGB
rgb(58 91 199)- Чёрный текст
- 3,50:1
- Белый текст
- 6,00:1
Другие форматы
12
#1F2D5CТекст с высоким контрастом
indigo-12
Radix Indigo 12- RGB
rgb(31 45 92)- Чёрный текст
- 1,59:1
- Белый текст
- 13,22:1
Другие форматы
Используйте доказательно
Акцент бренда всё равно требует проверки состояний.
Коллекция индексируется только при совпадении всех двенадцати опубликованных значений с зафиксированным манифестом. Страницы отдельных токенов остаются noindex.
Проверяйте реальный текст, рамки фокуса, выбранные состояния и соседние поверхности. Один индиго не передаёт выбор или действие: добавляйте подписи, форму, значки или другой программно доступный признак.