01
#FEFCFEФон приложения
purple-1
- RGB
rgb(254 252 254)- Чёрный текст
- 20,57:1
- Белый текст
- 1,02:1
← К каталогу палитр
Лаборатория слоёв интерфейса
Purple, слой за слоем.
Проверенная двенадцатишаговая шкала Purple представлена как рабочий набор слоёв интерфейса. Выберите шаг — от спокойного холста через элементы и границы к сплошным действиям и читаемому переднему плану.
- Шаги шкалы
- 12
- Документированные роли
- 12
- Версия
- 3.0.0
Выбранный слойГлубина без догадок.
Выбранный токен применяется к этому образцу интерфейса; рассчитанный цвет переднего плана меняется автоматически.
Зафиксированный источник
Точный непрозрачный экспорт Purple, версия 3.0.0.
Справочник содержит только Purple 1–12 из непрозрачного светлого sRGB-экспорта @radix-ui/colors 3.0.0. Тёмные, alpha- и P3-варианты не входят в его область.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Версионированный экспорт пакета
- Лицензия
- MIT License
Компактный реестр токенов
Двенадцать точных слоёв для проверки и копирования.
Порядок источника сохранён. Каждая карточка объединяет роль, точное значение sRGB, рассчитанный контраст текста и готовые форматы.
Открыть цвет
02
#FBF7FEСлабый фон
purple-2
- RGB
rgb(251 247 254)- Чёрный текст
- 19,84:1
- Белый текст
- 1,06:1
Другие форматы
03
#F7EDFEФон компонента
purple-3
- RGB
rgb(247 237 254)- Чёрный текст
- 18,50:1
- Белый текст
- 1,14:1
Другие форматы
04
#F2E2FCКомпонент при наведении
purple-4
- RGB
rgb(242 226 252)- Чёрный текст
- 17,06:1
- Белый текст
- 1,23:1
Другие форматы
05
#EAD5F9Активный компонент
purple-5
- RGB
rgb(234 213 249)- Чёрный текст
- 15,38:1
- Белый текст
- 1,37:1
Другие форматы
06
#E0C4F4Слабая граница
purple-6
- RGB
rgb(224 196 244)- Чёрный текст
- 13,37:1
- Белый текст
- 1,57:1
Другие форматы
07
#D1AFECИнтерактивная граница
purple-7
- RGB
rgb(209 175 236)- Чёрный текст
- 11,05:1
- Белый текст
- 1,90:1
Другие форматы
08
#BE93E4Выраженная граница или индикатор фокуса
purple-8
- RGB
rgb(190 147 228)- Чёрный текст
- 8,48:1
- Белый текст
- 2,48:1
Другие форматы
09
#8E4EC6Сплошной фон
purple-9
- RGB
rgb(142 78 198)- Чёрный текст
- 4,06:1
- Белый текст
- 5,18:1
Другие форматы
10
#8347B9Сплошной фон при наведении
purple-10
- RGB
rgb(131 71 185)- Чёрный текст
- 3,57:1
- Белый текст
- 5,89:1
Другие форматы
11
#8145B5Текст с пониженным контрастом
purple-11
- RGB
rgb(129 69 181)- Чёрный текст
- 3,45:1
- Белый текст
- 6,08:1
Другие форматы
12
#402060Текст с высоким контрастом
purple-12
- RGB
rgb(64 32 96)- Чёрный текст
- 1,59:1
- Белый текст
- 13,18:1
Другие форматы
Область каталога
Одна полная шкала вместо двенадцати поисковых страниц.
Коллекция индексируется, только пока все двенадцать опубликованных значений совпадают с зафиксированным манифестом. Страницы отдельных токенов остаются noindex: полезной поисковой точкой служит полный справочник.
Документированная роль и рассчитанный контраст текста — исходные данные, а не сертификат. Проверяйте типографику, элементы управления, границы, индикаторы фокуса и соседние поверхности в готовом интерфейсе.