#E54D2Etomato
tomato-9
Томатный Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(10 78% 54%)- HWB
hwb(10 18% 10%)- Чёрный текст
- 5,43:1
- Белый текст
- 3,87:1
Справочник акцентных токенов с версией
Акцентные цвета ступени 9 из Radix Colors 3
Сравните 25 значений ступени 9 из светлых непрозрачных акцентных шкал. Ищите по токену или значению, копируйте готовый CSS и проверяйте конкретную пару с текстом перед использованием цвета как сплошной поверхности.
- 25акцентных опорных цветов
- 9общая ступень источника
- 24 + 1цвета Radix и одно каноническое совпадение
Источник и границы
Одна документированная роль из одной закреплённой версии пакета.
На странице собраны только 25 токенов светлых непрозрачных акцентных семейств с окончанием -9 из @radix-ui/colors 3.0.0. В документации Radix ступень 9 служит опорным цветом для сплошного фона. Нейтральные семейства, другие ступени, тёмные шкалы, альфа-значения и display-P3 сюда намеренно не входят.
Hexees — независимый справочник, не связанный с WorkOS, Radix или проектом Radix Colors и не одобренный ими.
- Версия
- @radix-ui/colors 3.0.0
- Источник
- Версионированный файл index.mjs
- Лицензия
- MIT License
Практический поиск
Сравните все 25 акцентных опорных цветов.
Поиск и сортировка выполняются локально и не создают страниц с индексируемыми параметрами. Исходный порядок повторяет закреплённый артефакт; сортировка по тону или локализованному названию нужна только для просмотра.
Подходит 25 из 25 акцентных цветов
#E5484Dred
red-9
Красный Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(358 75% 59%)- HWB
hwb(358 28% 10%)- Чёрный текст
- 5,37:1
- Белый текст
- 3,91:1
#E54666ruby
ruby-9
Рубиновый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(348 75% 59%)- HWB
hwb(348 27% 10%)- Чёрный текст
- 5,40:1
- Белый текст
- 3,89:1
#E93D82crimson
crimson-9
Малиновый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(336 80% 58%)- HWB
hwb(336 24% 9%)- Чёрный текст
- 5,45:1
- Белый текст
- 3,85:1
#D6409Fpink
pink-9
Розовый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(322 65% 55%)- HWB
hwb(322 25% 16%)- Чёрный текст
- 5,09:1
- Белый текст
- 4,12:1
#AB4ABAplum
plum-9
Сливовый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(292 45% 51%)- HWB
hwb(292 29% 27%)- Чёрный текст
- 4,42:1
- Белый текст
- 4,75:1
#8E4EC6purple
purple-9
Пурпурный Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(272 51% 54%)- HWB
hwb(272 31% 22%)- Чёрный текст
- 4,06:1
- Белый текст
- 5,18:1
#6E56CFviolet
violet-9
Фиолетовый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(252 56% 57%)- HWB
hwb(252 34% 19%)- Чёрный текст
- 3,90:1
- Белый текст
- 5,39:1
#5B5BD6iris
iris-9
Ирис Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(240 60% 60%)- HWB
hwb(240 36% 16%)- Чёрный текст
- 3,91:1
- Белый текст
- 5,37:1
#3E63DDindigo
indigo-9
Индиго Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(226 70% 55%)- HWB
hwb(226 24% 13%)- Чёрный текст
- 4,03:1
- Белый текст
- 5,21:1
#0090FFblue
blue-9
Синий Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(206 100% 50%)- HWB
hwb(206 0% 0%)- Чёрный текст
- 6,43:1
- Белый текст
- 3,26:1
#00A2C7cyan
cyan-9
Циановый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(191 100% 39%)- HWB
hwb(191 0% 22%)- Чёрный текст
- 6,99:1
- Белый текст
- 3,00:1
#12A594teal
teal-9
Бирюзовый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(173 80% 36%)- HWB
hwb(173 7% 35%)- Чёрный текст
- 6,84:1
- Белый текст
- 3,07:1
#29A383jade
jade-9
Нефритовый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(164 60% 40%)- HWB
hwb(164 16% 36%)- Чёрный текст
- 6,66:1
- Белый текст
- 3,15:1
#30A46Cgreen
green-9
Зелёный Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(151 55% 42%)- HWB
hwb(151 19% 36%)- Чёрный текст
- 6,65:1
- Белый текст
- 3,16:1
#46A758grass
grass-9
Травяной Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(131 41% 46%)- HWB
hwb(131 27% 35%)- Чёрный текст
- 6,93:1
- Белый текст
- 3,03:1
#AD7F58brown
brown-9
Коричневый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(28 34% 51%)- HWB
hwb(28 35% 32%)- Чёрный текст
- 5,95:1
- Белый текст
- 3,53:1
#A18072bronze
bronze-9
Бронзовый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(18 20% 54%)- HWB
hwb(18 45% 37%)- Чёрный текст
- 5,85:1
- Белый текст
- 3,59:1
#978365gold
gold-9
Золотой Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(36 20% 49%)- HWB
hwb(36 40% 41%)- Чёрный текст
- 5,75:1
- Белый текст
- 3,65:1
#7CE2FEsky
sky-9
Небесно-голубой Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(193 98% 74%)- HWB
hwb(193 49% 0%)- Чёрный текст
- 14,17:1
- Белый текст
- 1,48:1
#86EAD4mint
mint-9
Мятный Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(167 70% 72%)- HWB
hwb(167 53% 8%)- Чёрный текст
- 14,73:1
- Белый текст
- 1,43:1
#BDEE63lime
lime-9
Лаймовый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(81 80% 66%)- HWB
hwb(81 39% 7%)- Чёрный текст
- 15,57:1
- Белый текст
- 1,35:1
#FFE629yellow
yellow-9
Жёлтый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(53 100% 58%)- HWB
hwb(53 16% 0%)- Чёрный текст
- 16,60:1
- Белый текст
- 1,26:1
#FFC53Damber
amber-9
Яркий золотисто-оранжевый — Ant gold 5Скопировать CSS, HEX или RGB
- HSL
hsl(42 100% 62%)- HWB
hwb(42 24% 0%)- Чёрный текст
- 13,31:1
- Белый текст
- 1,58:1
#F76B15orange
orange-9
Оранжевый Radix 9Скопировать CSS, HEX или RGB
- HSL
hsl(23 93% 53%)- HWB
hwb(23 8% 3%)- Чёрный текст
- 7,07:1
- Белый текст
- 2,97:1
Повторное использование канонической записи
amber-9 использует уже проверенный цвет.
Точное значение #FFC53D уже принадлежит канонической записи Ant Design ant-gold-5. Hexees связывает токен Radix с этой записью, не создавая дубликат страницы; остальные 24 значения сохраняют происхождение Radix.
- amber-9#FFC53D
- каноническая записьant-gold-5
Границы доступности
Роль акцентного цвета не гарантирует доступность.
Каждая карточка рассчитывает контраст только между точным непрозрачным значением sRGB и чёрным либо белым текстом. Для WCAG 2.2 AA требуется 4,5:1 для обычного и 3:1 для крупного текста, но результат описывает лишь эту пару.
Проверяйте реальный компонент, типографику, соседние цвета, границы, индикаторы фокуса и состояния наведения, выбора и отключения. Не передавайте состояние или обязательное действие только цветом.