01
#FBFDFCФон приложения
sage-1
Radix Sage 1- RGB
rgb(251 253 252)- Чёрный текст
- 20,56:1
- Белый текст
- 1,02:1
← Назад к каталогу цветов
Полевое исследование зелёных нейтралей
Sage — живая коллекция образцов для интерфейса.
Зелёно-тонированная нейтральная шкала для интерфейсов с акцентами mint, teal, jade и green. Проследите все двенадцать официальных ступеней — от спокойного фона до контрастного текста.
- Ступени шкалы
- 01—12
- Задокументированные роли
- 12
- Версия
- 3.0.0
Зафиксированное происхождение
Точный непрозрачный экспорт светлой Sage из версии 3.0.0.
Страница содержит только Sage 1–12 из непрозрачного светлого sRGB-экспорта @radix-ui/colors 3.0.0. Тёмная тема, альфа-канал и P3 не входят в этот справочник.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Экспорт зафиксированной версии
- Лицензия
- MIT
Ботанические образцы
Один зелёный оттенок в двенадцати ролях интерфейса.
Порядок официального источника сохранён. Для каждого образца видны точное sRGB-значение, назначенная роль и рассчитанный контраст с чёрным или белым текстом.
02
#F7F9F8Мягкий фон
sage-2
Radix Sage 2- RGB
rgb(247 249 248)- Чёрный текст
- 19,86:1
- Белый текст
- 1,06:1
03
#EEF1F0Фон компонента
sage-3
Radix Sage 3- RGB
rgb(238 241 240)- Чёрный текст
- 18,48:1
- Белый текст
- 1,14:1
04
#E6E9E8Компонент при наведении
sage-4
Radix Sage 4- RGB
rgb(230 233 232)- Чёрный текст
- 17,19:1
- Белый текст
- 1,22:1
05
#DFE2E0Активный компонент
sage-5
Radix Sage 5- RGB
rgb(223 226 224)- Чёрный текст
- 16,09:1
- Белый текст
- 1,30:1
06
#D7DAD9Мягкая граница
sage-6
Radix Sage 6- RGB
rgb(215 218 217)- Чёрный текст
- 14,92:1
- Белый текст
- 1,41:1
07
#CBCFCDИнтерактивная граница
sage-7
Radix Sage 7- RGB
rgb(203 207 205)- Чёрный текст
- 13,35:1
- Белый текст
- 1,57:1
08
#B8BCBAВыраженная граница или фокус
sage-8
Radix Sage 8- RGB
rgb(184 188 186)- Чёрный текст
- 10,94:1
- Белый текст
- 1,92:1
09
#868E8BСплошной фон
sage-9
Radix Sage 9- RGB
rgb(134 142 139)- Чёрный текст
- 6,26:1
- Белый текст
- 3,36:1
10
#7C8481Сплошной фон при наведении
sage-10
Radix Sage 10- RGB
rgb(124 132 129)- Чёрный текст
- 5,47:1
- Белый текст
- 3,84:1
11
#5F6563Неконтрастный текст
sage-11
Radix Sage 11- RGB
rgb(95 101 99)- Чёрный текст
- 3,53:1
- Белый текст
- 5,95:1
12
#1A211EКонтрастный текст
sage-12
Radix Sage 12- RGB
rgb(26 33 30)- Чёрный текст
- 1,28:1
- Белый текст
- 16,40:1
Границы каталога
Двенадцать исходных значений. Без повторов канонических цветов.
Сверка с production не обнаружила существующих канонических записей с теми же HEX, поэтому каждый токен Sage сохраняет происхождение Radix. Отдельные страницы цветов остаются noindex, а полная коллекция доступна для поиска.
Проверяйте реальную типографику, соседние поверхности, границы, индикаторы фокуса и состояния. Роль токена и рассчитанный контраст текста не гарантируют доступность.
Открыть проверку контраста →Сравнить с Radix Mauve →