01
#FBFEFCФон приложения
green-1
Radix Green 1- RGB
rgb(251 254 252)- Чёрный текст
- 20,68:1
- Белый текст
- 1,02:1
← Вернуться в каталог цветов
Живая шкала интерфейса
Radix Green как годовые кольца роста.
Проверенная по источнику зелёная шкала из двенадцати ступеней — от спокойного фона до контрастного текста. Все роли собраны в компактной рабочей таблице без стены кнопок.
- Ступени шкалы
- 01—12
- Документированные роли
- 12
- Версия
- 3.0.0
- 01
#FBFEFC - 02
#F4FBF6 - 03
#E6F6EB - 04
#D6F1DF - 05
#C4E8D1 - 06
#ADDDC0 - 07
#8ECEAA - 08
#5BB98B - 09
#30A46C - 10
#2B9A66 - 11
#218358 - 12
#193B2D
Зафиксированное происхождение
Точная светлая непрозрачная шкала Green версии 3.0.0.
В справочник входят только Green 1–12 из светлого непрозрачного экспорта sRGB пакета @radix-ui/colors 3.0.0. Тёмные, альфа- и P3-варианты не включены.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Экспорт пакета с точной версией
- Лицензия
- MIT
Рабочая таблица
Двенадцать ступеней по задачам интерфейса.
Порядок источника сохранён. В каждой строке указаны документированная роль, точное sRGB и рассчитанный контраст чёрного и белого текста.
Открыть цвет
02
#F4FBF6Мягкий фон
green-2
Radix Green 2- RGB
rgb(244 251 246)- Чёрный текст
- 19,98:1
- Белый текст
- 1,05:1
Другие форматы
03
#E6F6EBФон компонента
green-3
Radix Green 3- RGB
rgb(230 246 235)- Чёрный текст
- 18,75:1
- Белый текст
- 1,12:1
Другие форматы
04
#D6F1DFКомпонент при наведении
green-4
Radix Green 4- RGB
rgb(214 241 223)- Чёрный текст
- 17,51:1
- Белый текст
- 1,20:1
Другие форматы
05
#C4E8D1Активный компонент
green-5
Radix Green 5- RGB
rgb(196 232 209)- Чёрный текст
- 15,81:1
- Белый текст
- 1,33:1
Другие форматы
06
#ADDDC0Мягкая граница
green-6
Radix Green 6- RGB
rgb(173 221 192)- Чёрный текст
- 13,88:1
- Белый текст
- 1,51:1
Другие форматы
07
#8ECEAAИнтерактивная граница
green-7
Radix Green 7- RGB
rgb(142 206 170)- Чёрный текст
- 11,56:1
- Белый текст
- 1,82:1
Другие форматы
08
#5BB98BСильная граница или фокус
green-8
Radix Green 8- RGB
rgb(91 185 139)- Чёрный текст
- 8,76:1
- Белый текст
- 2,40:1
Другие форматы
09
#30A46CНасыщенный фон
green-9
Зелёный Radix 9- RGB
rgb(48 164 108)- Чёрный текст
- 6,65:1
- Белый текст
- 3,16:1
Другие форматы
10
#2B9A66Насыщенный фон при наведении
green-10
Radix Green 10- RGB
rgb(43 154 102)- Чёрный текст
- 5,92:1
- Белый текст
- 3,55:1
Другие форматы
11
#218358Текст с умеренным контрастом
green-11
Radix Green 11- RGB
rgb(33 131 88)- Чёрный текст
- 4,45:1
- Белый текст
- 4,72:1
Другие форматы
12
#193B2DТекст с высоким контрастом
green-12
Radix Green 12- RGB
rgb(25 59 45)- Чёрный текст
- 1,70:1
- Белый текст
- 12,32:1
Другие форматы
Границы каталога
Полная шкала без раздувания индекса.
Коллекция индексируется только при точном совпадении всех двенадцати значений с манифестом. Страницы токенов остаются noindex; Green 9 сохраняет существующую каноническую запись.
Документированные роли и рассчитанный контраст — отправная точка, а не гарантия. Проверяйте реальный шрифт, соседние поверхности, границы, клавиатурный фокус и состояния компонентов.
Открыть проверку контраста →Сравнить с Radix Sage →