01
#FDFDFCФон приложения
sand-1
Radix Sand 1- RGB
rgb(253 253 252)- Чёрный текст
- 20,63:1
- Белый текст
- 1,02:1
← Назад к каталогу цветов
Архив жёлто-нейтральной шкалы
Двенадцать слоёв Sand для глубины интерфейса.
Нейтральная шкала с жёлтым подтоном для интерфейсов с жёлтыми, янтарными, оранжевыми и коричневыми акцентами. Официальные значения расположены как разрез материала: от почти белого холста до плотного текста.
- Ступени шкалы
- 01—12
- Описанные роли
- 12
- Версия
- 3.0.0
Проверенное происхождение
Точная светлая непрозрачная шкала Sand из версии 3.0.0.
На странице представлены только Sand 1–12 из светлого непрозрачного экспорта sRGB пакета @radix-ui/colors 3.0.0. Тёмная тема, альфа-канал и P3 не входят в этот справочник.
Hexees — независимый справочник, не связанный с WorkOS или Radix и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Лицензия
- MIT
Измеренные слои
У каждого слоя своя глубина, роль и точное значение.
Порядок официального источника сохранён. Для каждого образца показаны точное значение sRGB, описанная роль и рассчитанный контраст чёрного и белого текста.
02
#F9F9F8Мягкий фон
sand-2
Radix Sand 2- RGB
rgb(249 249 248)- Чёрный текст
- 19,93:1
- Белый текст
- 1,05:1
03
#F1F0EFФон компонента
sand-3
Radix Sand 3- RGB
rgb(241 240 239)- Чёрный текст
- 18,45:1
- Белый текст
- 1,14:1
04
#E9E8E6Компонент при наведении
sand-4
Radix Sand 4- RGB
rgb(233 232 230)- Чёрный текст
- 17,15:1
- Белый текст
- 1,22:1
05
#E2E1DEАктивный компонент
sand-5
Radix Sand 5- RGB
rgb(226 225 222)- Чёрный текст
- 16,06:1
- Белый текст
- 1,31:1
06
#DAD9D6Мягкая граница
sand-6
Radix Sand 6- RGB
rgb(218 217 214)- Чёрный текст
- 14,88:1
- Белый текст
- 1,41:1
07
#CFCECAИнтерактивная граница
sand-7
Radix Sand 7- RGB
rgb(207 206 202)- Чёрный текст
- 13,33:1
- Белый текст
- 1,57:1
08
#BCBBB5Выраженная граница или фокус
sand-8
Radix Sand 8- RGB
rgb(188 187 181)- Чёрный текст
- 10,91:1
- Белый текст
- 1,92:1
09
#8D8D86Сплошной фон
sand-9
Radix Sand 9- RGB
rgb(141 141 134)- Чёрный текст
- 6,29:1
- Белый текст
- 3,34:1
10
#82827CСплошной фон при наведении
sand-10
Radix Sand 10- RGB
rgb(130 130 124)- Чёрный текст
- 5,43:1
- Белый текст
- 3,87:1
11
#63635EТекст с низким контрастом
sand-11
Radix Sand 11- RGB
rgb(99 99 94)- Чёрный текст
- 3,48:1
- Белый текст
- 6,04:1
12
#21201CТекст с высоким контрастом
sand-12
Radix Sand 12- RGB
rgb(33 32 28)- Чёрный текст
- 1,29:1
- Белый текст
- 16,30:1
Состав каталога
Двенадцать исходных значений без повторов канонических цветов.
Проверка production-каталога не нашла совпадений по точному HEX, поэтому каждый токен Sand сохраняет происхождение Radix. Страницы отдельных цветов остаются noindex, а полная коллекция доступна для поиска.
Проверяйте реальную типографику, соседние поверхности, границы, индикаторы фокуса и состояния. Роль токена и рассчитанный контраст текста сами по себе не гарантируют доступность.
Открыть проверку контраста →Сравнить с Radix Olive →