01
#FDFDF9Fond d’application
yellow-1
- RGB
- rgb(253 253 249)
- Texte noir
- 20,59:1
- Texte blanc
- 1,02:1
← Retour au catalogue de palettes
Étalonnage de l’attention
Un jaune étalonné, jamais approximatif.
Une échelle jaune en douze étapes vérifiée à la source, pour les surfaces discrètes, les bordures, les états d’attention et le texte lisible, dans l’ordre exact de la source.
- Étapes de l’échelle
- 01—12
- Espace colorimétrique
- sRGB
- Version
- 3.0.0
Vérification requiseLe texte et l’icône transmettent le message ; le jaune module l’accent.
Attention- 01Fond d’application
#FDFDF9 - 02Fond discret
#FEFCE9 - 03Fond de composant
#FFFAB8 - 04Composant au survol
#FFF394 - 05Composant actif
#FFE770 - 06Bordure discrète
#F3D768 - 07Bordure interactive
#E4C767 - 08Bordure forte ou repère de navigation
#D5AE39 - 09Fond plein
#FFE629 - 10Fond plein au survol
#FFDC00 - 11Texte à contraste réduit
#9E6C00 - 12Texte à contraste élevé
#473B1F
Les étapes 9 et 10 sont des aplats conçus pour des premiers plans sombres. Contrôlez le composant réel au lieu de supposer le jaune lisible.
Provenance figée
L’export Yellow clair et opaque exact, figé à la version 3.0.0.
Cette référence contient uniquement Yellow 1–12 de l’export sRGB clair et opaque de @radix-ui/colors 3.0.0. Les variantes sombres, alpha et P3 sont exclues.
Hexees est une référence indépendante, sans affiliation ni approbation de WorkOS ou Radix.
Tableau de jetons mesurés
Douze rôles et des valeurs exactes.
Chaque carte réunit l’étape officielle, le rôle, la valeur sRGB, le contraste calculé avec du texte noir et blanc et des formats prêts à copier.
Examiner la couleur ↗
02
#FEFCE9Fond discret
yellow-2
- RGB
- rgb(254 252 233)
- Texte noir
- 20,31:1
- Texte blanc
- 1,03:1
Autres formats
03
#FFFAB8Fond de composant
yellow-3
- RGB
- rgb(255 250 184)
- Texte noir
- 19,62:1
- Texte blanc
- 1,07:1
Autres formats
04
#FFF394Composant au survol
yellow-4
- RGB
- rgb(255 243 148)
- Texte noir
- 18,50:1
- Texte blanc
- 1,14:1
Autres formats
05
#FFE770Composant actif
yellow-5
- RGB
- rgb(255 231 112)
- Texte noir
- 16,92:1
- Texte blanc
- 1,24:1
Autres formats
06
#F3D768Bordure discrète
yellow-6
- RGB
- rgb(243 215 104)
- Texte noir
- 14,73:1
- Texte blanc
- 1,43:1
Autres formats
07
#E4C767Bordure interactive
yellow-7
- RGB
- rgb(228 199 103)
- Texte noir
- 12,66:1
- Texte blanc
- 1,66:1
Autres formats
08
#D5AE39Bordure forte ou repère de navigation
yellow-8
- RGB
- rgb(213 174 57)
- Texte noir
- 9,94:1
- Texte blanc
- 2,11:1
Autres formats
09
#FFE629Fond plein
yellow-9
- RGB
- rgb(255 230 41)
- Texte noir
- 16,60:1
- Texte blanc
- 1,26:1
Autres formats
10
#FFDC00Fond plein au survol
yellow-10
- RGB
- rgb(255 220 0)
- Texte noir
- 15,49:1
- Texte blanc
- 1,36:1
Autres formats
11
#9E6C00Texte à contraste réduit
yellow-11
- RGB
- rgb(158 108 0)
- Texte noir
- 4,60:1
- Texte blanc
- 4,57:1
Autres formats
12
#473B1FTexte à contraste élevé
yellow-12
- RGB
- rgb(71 59 31)
- Texte noir
- 1,91:1
- Texte blanc
- 10,98:1
Autres formats
L’attention exige une structure
La couleur signale, mais n’explique pas.
La page reste indexable uniquement lorsque les douze valeurs publiées correspondent au manifeste figé. Les pages de jetons individuelles restent en noindex.
Associez le jaune à un texte explicite, une icône et un état programmatique. Contrôlez le texte, les bordures, les repères de navigation au clavier et les surfaces voisines dans l’interface finale.