Состояние должно ощущаться иначе ещё до пояснения.
Переключайте шаги, чтобы проверить спокойные поверхности, интерактивные границы, сплошные действия и текст, не меняя саму композицию.
Выбранное состояние интерфейса
← Назад к каталогу палитр
Проверка состояний интерфейса
Проверьте каждое розовое состояние до выпуска.
Проверенная по источнику двенадцатишаговая шкала Pink представлена как единый стенд состояний. Выберите шаг и проследите, как один образец проходит путь от спокойной поверхности к границе, действию и читаемому тексту.
- Шаги шкалы
- 12
- Группы ролей
- 4
- Версия
- 3.0.0
Зафиксированное происхождение
Точный непрозрачный светлый экспорт Pink, версия 3.0.0.
Справочник содержит только Pink 1–12 из непрозрачного светлого sRGB-экспорта @radix-ui/colors 3.0.0. Тёмные, альфа- и P3-варианты не входят в его область.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Версионированный экспорт пакета
- Лицензия
- MIT License
Компактный реестр токенов
Двенадцать точных состояний для прямого сравнения.
Порядок источника сохранён. Каждая компактная карточка объединяет документированную роль, точное значение sRGB, рассчитанный контраст текста и готовые форматы.
01
#FFFCFEФон приложения
pink-1
- RGB
rgb(255 252 254)- Чёрный текст
- 20,61:1
- Белый текст
- 1,02:1
Другие форматы
02
#FEF7FBСпокойный фон
pink-2
- RGB
rgb(254 247 251)- Чёрный текст
- 19,91:1
- Белый текст
- 1,05:1
Другие форматы
03
#FEE9F5Фон компонента
pink-3
- RGB
rgb(254 233 245)- Чёрный текст
- 18,19:1
- Белый текст
- 1,15:1
Другие форматы
04
#FBDCEFКомпонент при наведении
pink-4
- RGB
rgb(251 220 239)- Чёрный текст
- 16,59:1
- Белый текст
- 1,27:1
Другие форматы
05
#F6CEE7Активный компонент
pink-5
- RGB
rgb(246 206 231)- Чёрный текст
- 14,90:1
- Белый текст
- 1,41:1
Другие форматы
06
#EFBFDDМягкая граница
pink-6
- RGB
rgb(239 191 221)- Чёрный текст
- 13,17:1
- Белый текст
- 1,59:1
Другие форматы
07
#E7ACD0Интерактивная граница
pink-7
- RGB
rgb(231 172 208)- Чёрный текст
- 11,21:1
- Белый текст
- 1,87:1
Другие форматы
08
#DD93C2Выраженная граница или фокус
pink-8
- RGB
rgb(221 147 194)- Чёрный текст
- 9,03:1
- Белый текст
- 2,33:1
Другие форматы
09
#D6409FСплошной фон действия
pink-9
- RGB
rgb(214 64 159)- Чёрный текст
- 5,09:1
- Белый текст
- 4,12:1
Другие форматы
10
#CF3897Сплошной фон при наведении
pink-10
- RGB
rgb(207 56 151)- Чёрный текст
- 4,67:1
- Белый текст
- 4,50:1
Другие форматы
11
#C2298AТекст пониженного контраста
pink-11
- RGB
rgb(194 41 138)- Чёрный текст
- 3,98:1
- Белый текст
- 5,28:1
Другие форматы
12
#651249Текст высокого контраста
pink-12
- RGB
rgb(101 18 73)- Чёрный текст
- 1,74:1
- Белый текст
- 12,10:1
Другие форматы
Область каталога
Один полный стенд состояний вместо двенадцати поисковых страниц.
Коллекция индексируется только пока все двенадцать опубликованных значений совпадают с зафиксированным манифестом. Страницы отдельных токенов остаются noindex, а полезной поисковой точкой служит полный рабочий справочник.
Документированные роли и рассчитанный контраст текста — исходные данные, а не сертификация. Проверяйте типографику, элементы управления, границы, навигацию с клавиатуры и соседние поверхности в готовом интерфейсе.