01
#FBFDFFФон приложения
blue-1
Radix Blue 1- RGB
rgb(251 253 255)- Чёрный текст
- 20,60:1
- Белый текст
- 1,02:1
← Вернуться в каталог цветов
Схема сигналов интерфейса
Radix Blue как точная карта интерфейсных сигналов.
Проверенная по источнику шкала из двенадцати синих ступеней — от фона до контрастного текста. Здесь видны документированная роль, точное значение sRGB и рассчитанный контраст каждой ступени.
- Ступени шкалы
- 01—12
- Документированные роли
- 12
- Версия
- 3.0.0
- 01
#FBFDFFФон приложения - 02
#F4FAFFМягкий фон - 03
#E6F4FEФон компонента - 04
#D5EFFFКомпонент при наведении - 05
#C2E5FFАктивный компонент - 06
#ACD8FCМягкая граница - 07
#8EC8F6Интерактивная граница - 08
#5EB1EFСильная граница или фокус - 09
#0090FFНасыщенный фон - 10
#0588F0Насыщенный фон при наведении - 11
#0D74CEТекст с умеренным контрастом - 12
#113264Текст с высоким контрастом
Зафиксированное происхождение
Точная светлая непрозрачная шкала Blue версии 3.0.0.
На странице представлены только Blue 1–12 из светлого непрозрачного экспорта sRGB пакета @radix-ui/colors 3.0.0. Тёмная тема, альфа-канал и P3 не входят в этот справочник.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Экспорт пакета с точной версией
- Лицензия
- MIT
Таблица калибровки
Двенадцать ступеней. У каждой — своя задача.
Порядок официального источника сохранён. В каждой строке указаны роль ступени, точное sRGB и рассчитанный контраст чёрного и белого текста.
Открыть цвет
02
#F4FAFFМягкий фон
blue-2
Radix Blue 2- RGB
rgb(244 250 255)- Чёрный текст
- 19,96:1
- Белый текст
- 1,05:1
Другие форматы
03
#E6F4FEФон компонента
blue-3
Radix Blue 3- RGB
rgb(230 244 254)- Чёрный текст
- 18,74:1
- Белый текст
- 1,12:1
Другие форматы
04
#D5EFFFКомпонент при наведении
blue-4
Radix Blue 4- RGB
rgb(213 239 255)- Чёрный текст
- 17,62:1
- Белый текст
- 1,19:1
Другие форматы
05
#C2E5FFАктивный компонент
blue-5
Radix Blue 5- RGB
rgb(194 229 255)- Чёрный текст
- 15,95:1
- Белый текст
- 1,32:1
Другие форматы
06
#ACD8FCМягкая граница
blue-6
Radix Blue 6- RGB
rgb(172 216 252)- Чёрный текст
- 13,98:1
- Белый текст
- 1,50:1
Другие форматы
07
#8EC8F6Интерактивная граница
blue-7
Radix Blue 7- RGB
rgb(142 200 246)- Чёрный текст
- 11,74:1
- Белый текст
- 1,79:1
Другие форматы
08
#5EB1EFСильная граница или фокус
blue-8
Radix Blue 8- RGB
rgb(94 177 239)- Чёрный текст
- 9,01:1
- Белый текст
- 2,33:1
Другие форматы
09
#0090FFНасыщенный фон
blue-9
Синий Radix 9- RGB
rgb(0 144 255)- Чёрный текст
- 6,43:1
- Белый текст
- 3,26:1
Другие форматы
10
#0588F0Насыщенный фон при наведении
blue-10
Radix Blue 10- RGB
rgb(5 136 240)- Чёрный текст
- 5,79:1
- Белый текст
- 3,63:1
Другие форматы
11
#0D74CEТекст с умеренным контрастом
blue-11
Radix Blue 11- RGB
rgb(13 116 206)- Чёрный текст
- 4,41:1
- Белый текст
- 4,77:1
Другие форматы
12
#113264Текст с высоким контрастом
blue-12
Radix Blue 12- RGB
rgb(17 50 100)- Чёрный текст
- 1,66:1
- Белый текст
- 12,62:1
Другие форматы
Границы каталога
Полная шкала без раздувания индекса.
Коллекция индексируется только при точном совпадении всех двенадцати значений с зафиксированным манифестом. Страницы отдельных токенов остаются noindex; Blue 9 сохраняет существующую каноническую запись.
Роли шкалы и рассчитанный контраст — отправная точка, а не гарантия. Проверяйте реальный шрифт, соседние поверхности, границы, индикаторы клавиатурного фокуса и состояния.
Открыть проверку контраста →Сравнить с Radix Slate →