#E54D2Etomato
tomato-9
Tomate Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(10 78% 54%)- HWB
hwb(10 18% 10%)- Texte noir
- 5,43:1
- Texte blanc
- 3,87:1
Référence versionnée des accents pleins
Accents pleins de niveau 9 de Radix Colors 3
Comparez les 25 valeurs de niveau 9 des familles d’accent claires et opaques. Recherchez un jeton ou une valeur, copiez du CSS prêt à l’emploi et contrôlez la paire exacte avec le texte avant d’utiliser un accent sur une surface pleine.
- 25accents principaux de famille
- 9niveau commun de la source
- 24 + 1couleurs Radix et une correspondance canonique
Source et périmètre
Un rôle documenté issu d’une version précise du paquet.
Cette page extrait uniquement les 25 jetons des familles d’accent claires et opaques qui se terminent par -9 dans @radix-ui/colors 3.0.0. Radix documente le niveau 9 comme point de référence pour les fonds pleins. Les familles neutres, les autres niveaux, les gammes sombres, les valeurs alpha et les exports display-P3 sont volontairement exclus.
Hexees est une référence indépendante, sans affiliation avec WorkOS, Radix ou le projet Radix Colors et sans approbation de leur part.
- Version
- @radix-ui/colors 3.0.0
- Licence
- Licence MIT
Recherche pratique
Comparez les 25 accents pleins principaux.
La recherche et le tri se font localement et ne créent pas de pages à paramètres indexables. L’ordre source conserve la séquence de l’artefact figé ; les tris par teinte ou nom localisé ne changent que l’affichage.
25 accents pleins sur 25 correspondent
#E5484Dred
red-9
Rouge Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(358 75% 59%)- HWB
hwb(358 28% 10%)- Texte noir
- 5,37:1
- Texte blanc
- 3,91:1
#E54666ruby
ruby-9
Rubis Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(348 75% 59%)- HWB
hwb(348 27% 10%)- Texte noir
- 5,40:1
- Texte blanc
- 3,89:1
#E93D82crimson
crimson-9
Cramoisi Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(336 80% 58%)- HWB
hwb(336 24% 9%)- Texte noir
- 5,45:1
- Texte blanc
- 3,85:1
#D6409Fpink
pink-9
Rose Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(322 65% 55%)- HWB
hwb(322 25% 16%)- Texte noir
- 5,09:1
- Texte blanc
- 4,12:1
#AB4ABAplum
plum-9
Prune Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(292 45% 51%)- HWB
hwb(292 29% 27%)- Texte noir
- 4,42:1
- Texte blanc
- 4,75:1
#8E4EC6purple
purple-9
Pourpre Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(272 51% 54%)- HWB
hwb(272 31% 22%)- Texte noir
- 4,06:1
- Texte blanc
- 5,18:1
#6E56CFviolet
violet-9
Violet Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(252 56% 57%)- HWB
hwb(252 34% 19%)- Texte noir
- 3,90:1
- Texte blanc
- 5,39:1
#5B5BD6iris
iris-9
Iris Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(240 60% 60%)- HWB
hwb(240 36% 16%)- Texte noir
- 3,91:1
- Texte blanc
- 5,37:1
#3E63DDindigo
indigo-9
Indigo Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(226 70% 55%)- HWB
hwb(226 24% 13%)- Texte noir
- 4,03:1
- Texte blanc
- 5,21:1
#0090FFblue
blue-9
Bleu Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(206 100% 50%)- HWB
hwb(206 0% 0%)- Texte noir
- 6,43:1
- Texte blanc
- 3,26:1
#00A2C7cyan
cyan-9
Cyan Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(191 100% 39%)- HWB
hwb(191 0% 22%)- Texte noir
- 6,99:1
- Texte blanc
- 3,00:1
#12A594teal
teal-9
Sarcelle Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(173 80% 36%)- HWB
hwb(173 7% 35%)- Texte noir
- 6,84:1
- Texte blanc
- 3,07:1
#29A383jade
jade-9
Jade Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(164 60% 40%)- HWB
hwb(164 16% 36%)- Texte noir
- 6,66:1
- Texte blanc
- 3,15:1
#30A46Cgreen
green-9
Vert Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(151 55% 42%)- HWB
hwb(151 19% 36%)- Texte noir
- 6,65:1
- Texte blanc
- 3,16:1
#46A758grass
grass-9
Vert prairie Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(131 41% 46%)- HWB
hwb(131 27% 35%)- Texte noir
- 6,93:1
- Texte blanc
- 3,03:1
#AD7F58brown
brown-9
Brun Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(28 34% 51%)- HWB
hwb(28 35% 32%)- Texte noir
- 5,95:1
- Texte blanc
- 3,53:1
#A18072bronze
bronze-9
Bronze Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(18 20% 54%)- HWB
hwb(18 45% 37%)- Texte noir
- 5,85:1
- Texte blanc
- 3,59:1
#978365gold
gold-9
Or Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(36 20% 49%)- HWB
hwb(36 40% 41%)- Texte noir
- 5,75:1
- Texte blanc
- 3,65:1
#7CE2FEsky
sky-9
Bleu ciel Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(193 98% 74%)- HWB
hwb(193 49% 0%)- Texte noir
- 14,17:1
- Texte blanc
- 1,48:1
#86EAD4mint
mint-9
Menthe Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(167 70% 72%)- HWB
hwb(167 53% 8%)- Texte noir
- 14,73:1
- Texte blanc
- 1,43:1
#BDEE63lime
lime-9
Citron vert Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(81 80% 66%)- HWB
hwb(81 39% 7%)- Texte noir
- 15,57:1
- Texte blanc
- 1,35:1
#FFE629yellow
yellow-9
Jaune Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(53 100% 58%)- HWB
hwb(53 16% 0%)- Texte noir
- 16,60:1
- Texte blanc
- 1,26:1
#FFC53Damber
amber-9
Orange doré lumineux — Ant gold 5Copier CSS, HEX ou RGB
- HSL
hsl(42 100% 62%)- HWB
hwb(42 24% 0%)- Texte noir
- 13,31:1
- Texte blanc
- 1,58:1
#F76B15orange
orange-9
Orange Radix 9Copier CSS, HEX ou RGB
- HSL
hsl(23 93% 53%)- HWB
hwb(23 8% 3%)- Texte noir
- 7,07:1
- Texte blanc
- 2,97:1
Réutilisation canonique
amber-9 réutilise une couleur déjà relue.
La valeur exacte #FFC53D appartient déjà à la fiche canonique Ant Design ant-gold-5. Hexees relie le jeton Radix à cette fiche au lieu de créer une page en double ; les 24 autres valeurs conservent leur provenance Radix.
- amber-9#FFC53D
- fiche canoniqueant-gold-5
Limites d’accessibilité
Le rôle d’accent plein ne garantit pas l’accessibilité.
Chaque carte calcule le contraste uniquement entre la valeur sRGB opaque exacte et un texte noir ou blanc. WCAG 2.2 AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte ; le résultat ne décrit que cette paire.
Testez le composant réel, la typographie, les couleurs voisines, les bordures, les repères de navigation au clavier et les états au survol, sélectionnés et désactivés. Ne transmettez pas un état ou une action obligatoire par la seule couleur.