01
#FCFDFCФон приложения
olive-1
Radix Olive 1- RGB
rgb(252 253 252)- Чёрный текст
- 20,59:1
- Белый текст
- 1,02:1
← Назад к каталогу цветов
Печатная проба лаймового нейтрального
Olive — двенадцать точных тонов для интерфейса.
Нейтральная шкала с лаймовым оттенком для интерфейсов с акцентами grass и lime. Двенадцать официальных ступеней представлены как калибровочная печатная проба — от спокойного фона до контрастного текста.
- Ступени шкалы
- 01—12
- Задокументированные роли
- 12
- Версия
- 3.0.0
Зафиксированное происхождение
Точный непрозрачный экспорт светлой Olive из версии 3.0.0.
Страница содержит только Olive 1–12 из непрозрачного светлого sRGB-экспорта @radix-ui/colors 3.0.0. Тёмная тема, альфа-канал и P3 не входят в этот справочник.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Экспорт зафиксированной версии
- Лицензия
- MIT
Калибровочные полосы
Двенадцать ролей интерфейса с одним точным лаймовым оттенком.
Порядок официального источника сохранён. Для каждой полосы видны точное sRGB-значение, назначенная роль и рассчитанный контраст с чёрным или белым текстом.
02
#F8FAF8Мягкий фон
olive-2
Radix Olive 2- RGB
rgb(248 250 248)- Чёрный текст
- 20,02:1
- Белый текст
- 1,05:1
03
#EFF1EFФон компонента
olive-3
Radix Olive 3- RGB
rgb(239 241 239)- Чёрный текст
- 18,50:1
- Белый текст
- 1,14:1
04
#E7E9E7Компонент при наведении
olive-4
Radix Olive 4- RGB
rgb(231 233 231)- Чёрный текст
- 17,21:1
- Белый текст
- 1,22:1
05
#DFE2DFАктивный компонент
olive-5
Radix Olive 5- RGB
rgb(223 226 223)- Чёрный текст
- 16,08:1
- Белый текст
- 1,31:1
06
#D7DAD7Мягкая граница
olive-6
Radix Olive 6- RGB
rgb(215 218 215)- Чёрный текст
- 14,90:1
- Белый текст
- 1,41:1
07
#CCCFCCИнтерактивная граница
olive-7
Radix Olive 7- RGB
rgb(204 207 204)- Чёрный текст
- 13,36:1
- Белый текст
- 1,57:1
08
#B9BCB8Выраженная граница или фокус
olive-8
Radix Olive 8- RGB
rgb(185 188 184)- Чёрный текст
- 10,95:1
- Белый текст
- 1,92:1
09
#898E87Сплошной фон
olive-9
Radix Olive 9- RGB
rgb(137 142 135)- Чёрный текст
- 6,28:1
- Белый текст
- 3,34:1
10
#7F847DСплошной фон при наведении
olive-10
Radix Olive 10- RGB
rgb(127 132 125)- Чёрный текст
- 5,50:1
- Белый текст
- 3,82:1
11
#60655FНеконтрастный текст
olive-11
Radix Olive 11- RGB
rgb(96 101 95)- Чёрный текст
- 3,52:1
- Белый текст
- 5,96:1
12
#1D211CКонтрастный текст
olive-12
Radix Olive 12- RGB
rgb(29 33 28)- Чёрный текст
- 1,29:1
- Белый текст
- 16,32:1
Границы каталога
Двенадцать исходных значений. Без повторов канонических цветов.
Сверка с production не обнаружила существующих канонических записей с теми же HEX, поэтому каждый токен Olive сохраняет происхождение Radix. Отдельные страницы цветов остаются noindex, а полная коллекция доступна для поиска.
Проверяйте реальную типографику, соседние поверхности, границы, индикаторы фокуса и состояния. Роль токена и рассчитанный контраст текста не гарантируют доступность.
Открыть проверку контраста →Сравнить с Radix Sage →