Спокойная структура, ясное действие.
Фоны, поверхности компонентов, границы, действия и текст взяты из одной точной шкалы.
Проверенное состояние интерфейса
← Назад к каталогу палитр
Калибровочная панель интерфейса
Соберите бирюзовый интерфейс по ролям.
Проверенная по источнику шкала Teal из двенадцати шагов представлена как рабочая калибровочная панель. Выберите токен, изучите его роль и посмотрите, как весь набор образует компактный интерфейс.
- Шаги шкалы
- 12
- Группы ролей
- 4
- Версия
- 3.0.0
Зафиксированное происхождение
Точный непрозрачный светлый экспорт Teal, версия 3.0.0.
Справочник содержит только Teal 1–12 из непрозрачного светлого sRGB-экспорта @radix-ui/colors 3.0.0. Тёмные, альфа- и P3-варианты не входят в его область.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Версионированный экспорт пакета
- Лицензия
- MIT License
Компактный реестр токенов
Двенадцать точных шагов для целостной системы интерфейса.
Порядок источника сохранён. Каждая компактная карточка объединяет роль, точное значение sRGB, рассчитанный контраст текста и готовые форматы.
01
#FAFEFDФон приложения
teal-1
- RGB
rgb(250 254 253)- Чёрный текст
- 20,66:1
- Белый текст
- 1,02:1
Другие форматы
02
#F3FBF9Спокойный фон
teal-2
- RGB
rgb(243 251 249)- Чёрный текст
- 19,98:1
- Белый текст
- 1,05:1
Другие форматы
03
#E0F8F3Фон компонента
teal-3
- RGB
rgb(224 248 243)- Чёрный текст
- 18,89:1
- Белый текст
- 1,11:1
Другие форматы
04
#CCF3EAКомпонент при наведении
teal-4
- RGB
rgb(204 243 234)- Чёрный текст
- 17,58:1
- Белый текст
- 1,19:1
Другие форматы
05
#B8EAE0Активный компонент
teal-5
- RGB
rgb(184 234 224)- Чёрный текст
- 15,88:1
- Белый текст
- 1,32:1
Другие форматы
06
#A1DED2Мягкая граница
teal-6
- RGB
rgb(161 222 210)- Чёрный текст
- 13,89:1
- Белый текст
- 1,51:1
Другие форматы
07
#83CDC1Интерактивная граница
teal-7
- RGB
rgb(131 205 193)- Чёрный текст
- 11,47:1
- Белый текст
- 1,83:1
Другие форматы
08
#53B9ABВыраженная граница или фокус
teal-8
- RGB
rgb(83 185 171)- Чёрный текст
- 8,90:1
- Белый текст
- 2,36:1
Другие форматы
09
#12A594Сплошной фон действия
teal-9
- RGB
rgb(18 165 148)- Чёрный текст
- 6,84:1
- Белый текст
- 3,07:1
Другие форматы
10
#0D9B8AСплошной фон при наведении
teal-10
- RGB
rgb(13 155 138)- Чёрный текст
- 6,07:1
- Белый текст
- 3,46:1
Другие форматы
11
#008573Текст пониженного контраста
teal-11
- RGB
rgb(0 133 115)- Чёрный текст
- 4,60:1
- Белый текст
- 4,56:1
Другие форматы
12
#0D3D38Текст высокого контраста
teal-12
- RGB
rgb(13 61 56)- Чёрный текст
- 1,74:1
- Белый текст
- 12,06:1
Другие форматы
Область каталога
Одна полная калибровочная панель вместо двенадцати поисковых страниц.
Коллекция индексируется только пока все двенадцать опубликованных значений совпадают с зафиксированным манифестом. Страницы отдельных токенов остаются noindex, а полезной поисковой точкой служит полный рабочий справочник.
Документированные роли и рассчитанный контраст текста — исходные данные, а не сертификация. Проверяйте типографику, элементы управления, границы, фокус клавиатуры и соседние поверхности в готовом интерфейсе.