Платёж требует проверки
Этот пример условный. Сравнивайте интенсивность состояний по шкале и не передавайте статус одним только цветом.
Текущий уровень сигнала
← Назад к каталогу палитр
Стенд семантических состояний
Проследите рубиновый сигнал от намёка до тревоги.
Проверенная по источнику двенадцатишаговая шкала Ruby представлена как шкала инцидента. Сравните спокойные поверхности, границы, сплошные сигналы и текст, не меняя сам образец.
- Шаги шкалы
- 12
- Группы ролей
- 4
- Версия
- 3.0.0
Зафиксированные данные
Точный непрозрачный светлый экспорт Ruby версии 3.0.0.
Справочник содержит только Ruby 1–12 из непрозрачного светлого sRGB-экспорта @radix-ui/colors 3.0.0. Тёмные, альфа- и P3-варианты не входят в набор.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Версионированный экспорт пакета
- Лицензия
- MIT License
Журнал токенов инцидента
Двенадцать сигналов в одной проверенной последовательности.
Официальный порядок сохранён. В каждой компактной записи собраны роль, точное значение sRGB, рассчитанный контраст текста и форматы для копирования.
01
#FFFCFDФон приложения
ruby-1
- RGB
rgb(255 252 253)- Чёрный текст
- 20,59:1
- Белый текст
- 1,02:1
Другие форматы
02
#FFF7F8Мягкий фон
ruby-2
- RGB
rgb(255 247 248)- Чёрный текст
- 19,91:1
- Белый текст
- 1,05:1
Другие форматы
03
#FEEAEDФон компонента
ruby-3
- RGB
rgb(254 234 237)- Чёрный текст
- 18,21:1
- Белый текст
- 1,15:1
Другие форматы
04
#FFDCE1Компонент при наведении
ruby-4
- RGB
rgb(255 220 225)- Чёрный текст
- 16,58:1
- Белый текст
- 1,27:1
Другие форматы
05
#FFCED6Активный компонент
ruby-5
- RGB
rgb(255 206 214)- Чёрный текст
- 15,05:1
- Белый текст
- 1,40:1
Другие форматы
06
#F8BFC8Мягкая граница
ruby-6
- RGB
rgb(248 191 200)- Чёрный текст
- 13,28:1
- Белый текст
- 1,58:1
Другие форматы
07
#EFACB8Интерактивная граница
ruby-7
- RGB
rgb(239 172 184)- Чёрный текст
- 11,26:1
- Белый текст
- 1,86:1
Другие форматы
08
#E592A3Выраженная граница или фокус
ruby-8
- RGB
rgb(229 146 163)- Чёрный текст
- 8,97:1
- Белый текст
- 2,34:1
Другие форматы
09
#E54666Сплошной фон действия
ruby-9
- RGB
rgb(229 70 102)- Чёрный текст
- 5,40:1
- Белый текст
- 3,89:1
Другие форматы
10
#DC3B5DСплошной фон при наведении
ruby-10
- RGB
rgb(220 59 93)- Чёрный текст
- 4,83:1
- Белый текст
- 4,35:1
Другие форматы
11
#CA244DТекст пониженного контраста
ruby-11
- RGB
rgb(202 36 77)- Чёрный текст
- 3,87:1
- Белый текст
- 5,43:1
Другие форматы
12
#64172BТекст высокого контраста
ruby-12
- RGB
rgb(100 23 43)- Чёрный текст
- 1,70:1
- Белый текст
- 12,36:1
Другие форматы
Охват каталога
Одна полная шкала инцидента вместо двенадцати поисковых страниц.
Коллекция индексируется, только пока все двенадцать опубликованных значений совпадают с зафиксированным манифестом. Страницы отдельных токенов остаются в noindex.
Роли и рассчитанные коэффициенты контраста — отправная точка, а не сертификация. Дополняйте цвет статуса текстом или значком и проверяйте элементы управления, фокус и соседние поверхности.