01
#FFFCFCФон приложения
red-1
Radix Red 1- RGB
rgb(255 252 252)- Чёрный текст
- 20,58:1
- Белый текст
- 1,02:1
← Вернуться в каталог цветов
Калибровка предупреждений
Radix Red: сначала измерить, потом применять.
Проверенная по источнику красная шкала из двенадцати ступеней представлена как рабочий инструмент. Сверяйте точные роли и контраст, прежде чем связывать цвет с ошибкой, отказом, опасностью или разрушительным действием.
- Ступени шкалы
- 01—12
- Документированные роли
- 12
- Версия
- 3.0.0
- 01
#FFFCFC - 02
#FFF7F7 - 03
#FEEBEC - 04
#FFDBDC - 05
#FFCDCE - 06
#FDBDBE - 07
#F4A9AA - 08
#EB8E90 - 09
#E5484D - 10
#DC3E42 - 11
#CE2C31 - 12
#641723
Ступень 9 — опорный насыщенный фон шкалы, а не автоматическая гарантия доступности или смысла.
Зафиксированное происхождение
Точная светлая непрозрачная шкала Red версии 3.0.0.
В справочник входят только Red 1–12 из светлого непрозрачного экспорта sRGB пакета @radix-ui/colors 3.0.0. Тёмные, альфа- и P3-варианты не включены.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Экспорт пакета с точной версией
- Лицензия
- MIT
Таблица измеренных ролей
Двенадцать ступеней по задачам интерфейса.
Порядок источника сохранён внутри трёх функциональных диапазонов. В каждой строке указаны роль, точное sRGB и рассчитанный контраст чёрного и белого текста.
Поверхности · 01—05
Открыть цвет
02
#FFF7F7Мягкий фон
red-2
Radix Red 2- RGB
rgb(255 247 247)- Чёрный текст
- 19,90:1
- Белый текст
- 1,06:1
Другие форматы
03
#FEEBECФон компонента
red-3
Radix Red 3- RGB
rgb(254 235 236)- Чёрный текст
- 18,31:1
- Белый текст
- 1,15:1
Другие форматы
04
#FFDBDCКомпонент при наведении
red-4
Radix Red 4- RGB
rgb(255 219 220)- Чёрный текст
- 16,42:1
- Белый текст
- 1,28:1
Другие форматы
05
#FFCDCEАктивный компонент
red-5
Radix Red 5- RGB
rgb(255 205 206)- Чёрный текст
- 14,88:1
- Белый текст
- 1,41:1
Другие форматы
Границы · 06—08
06
#FDBDBEМягкая граница
red-6
Radix Red 6- RGB
rgb(253 189 190)- Чёрный текст
- 13,20:1
- Белый текст
- 1,59:1
Другие форматы
07
#F4A9AAИнтерактивная граница
red-7
Radix Red 7- RGB
rgb(244 169 170)- Чёрный текст
- 11,10:1
- Белый текст
- 1,89:1
Другие форматы
08
#EB8E90Сильная граница или фокус
red-8
Radix Red 8- RGB
rgb(235 142 144)- Чёрный текст
- 8,80:1
- Белый текст
- 2,39:1
Другие форматы
Насыщенный фон и текст · 09—12
09
#E5484DНасыщенный фон
red-9
Красный Radix 9- RGB
rgb(229 72 77)- Чёрный текст
- 5,37:1
- Белый текст
- 3,91:1
Другие форматы
10
#DC3E42Насыщенный фон при наведении
red-10
Radix Red 10- RGB
rgb(220 62 66)- Чёрный текст
- 4,81:1
- Белый текст
- 4,37:1
Другие форматы
11
#CE2C31Текст с умеренным контрастом
red-11
Radix Red 11- RGB
rgb(206 44 49)- Чёрный текст
- 4,03:1
- Белый текст
- 5,21:1
Другие форматы
12
#641723Текст с высоким контрастом
red-12
Radix Red 12- RGB
rgb(100 23 35)- Чёрный текст
- 1,69:1
- Белый текст
- 12,44:1
Другие форматы
Применение с проверкой
Предупреждающему цвету нужен контекст.
Коллекция индексируется только при точном совпадении всех двенадцати значений с манифестом. Страницы токенов остаются noindex; Red 9 сохраняет существующую каноническую запись.
Красный оттенок сам по себе не передаёт ошибку или опасность. Добавляйте текст или другой признак и проверяйте реальный шрифт, соседние поверхности, границы, фокус и состояния взаимодействия.