01
#FFFCFCArrière-plan de l’application
red-1
Radix Red 1- RGB
rgb(255 252 252)- Texte noir
- 20,58:1
- Texte blanc
- 1,02:1
← Revenir au catalogue de couleurs
Étalonnage des avertissements
Radix Red : mesurer avant de lui donner un sens.
Une échelle rouge de douze étapes vérifiée à la source et présentée comme un instrument d’interface. Contrôlez les rôles exacts et le contraste avant de l’associer à une erreur, un rejet, un danger ou une action destructive.
- Étapes de l’échelle
- 01—12
- Rôles documentés
- 12
- Version
- 3.0.0
- 01
#FFFCFC - 02
#FFF7F7 - 03
#FEEBEC - 04
#FFDBDC - 05
#FFCDCE - 06
#FDBDBE - 07
#F4A9AA - 08
#EB8E90 - 09
#E5484D - 10
#DC3E42 - 11
#CE2C31 - 12
#641723
L’étape 9 est le fond uni de référence de l’échelle, et non une garantie automatique d’accessibilité ou de sens.
Provenance figée
L’échelle Red claire et opaque exacte, figée en version 3.0.0.
Cette référence contient uniquement Red 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 avec WorkOS ou Radix et sans approbation de leur part.
- Version
- @radix-ui/colors 3.0.0
- Licence
- MIT
Registre des rôles mesurés
Douze étapes regroupées par fonction d’interface.
L’ordre source est conservé dans trois plages fonctionnelles. Chaque ligne réunit le rôle documenté, la valeur sRGB exacte et le contraste calculé avec du texte noir ou blanc.
Surfaces · 01—05
Ouvrir la couleur
02
#FFF7F7Arrière-plan discret
red-2
Radix Red 2- RGB
rgb(255 247 247)- Texte noir
- 19,90:1
- Texte blanc
- 1,06:1
Autres formats
03
#FEEBECArrière-plan de composant
red-3
Radix Red 3- RGB
rgb(254 235 236)- Texte noir
- 18,31:1
- Texte blanc
- 1,15:1
Autres formats
04
#FFDBDCComposant au survol
red-4
Radix Red 4- RGB
rgb(255 219 220)- Texte noir
- 16,42:1
- Texte blanc
- 1,28:1
Autres formats
05
#FFCDCEComposant actif
red-5
Radix Red 5- RGB
rgb(255 205 206)- Texte noir
- 14,88:1
- Texte blanc
- 1,41:1
Autres formats
Bordures · 06—08
06
#FDBDBEBordure discrète
red-6
Radix Red 6- RGB
rgb(253 189 190)- Texte noir
- 13,20:1
- Texte blanc
- 1,59:1
Autres formats
07
#F4A9AABordure interactive
red-7
Radix Red 7- RGB
rgb(244 169 170)- Texte noir
- 11,10:1
- Texte blanc
- 1,89:1
Autres formats
08
#EB8E90Bordure forte ou repère de focus
red-8
Radix Red 8- RGB
rgb(235 142 144)- Texte noir
- 8,80:1
- Texte blanc
- 2,39:1
Autres formats
Fond uni et texte · 09—12
09
#E5484DFond uni
red-9
Rouge Radix 9- RGB
rgb(229 72 77)- Texte noir
- 5,37:1
- Texte blanc
- 3,91:1
Autres formats
10
#DC3E42Fond uni au survol
red-10
Radix Red 10- RGB
rgb(220 62 66)- Texte noir
- 4,81:1
- Texte blanc
- 4,37:1
Autres formats
11
#CE2C31Texte à contraste modéré
red-11
Radix Red 11- RGB
rgb(206 44 49)- Texte noir
- 4,03:1
- Texte blanc
- 5,21:1
Autres formats
12
#641723Texte à contraste élevé
red-12
Radix Red 12- RGB
rgb(100 23 35)- Texte noir
- 1,69:1
- Texte blanc
- 12,44:1
Autres formats
Utiliser avec des preuves
Une couleur d’avertissement a toujours besoin de contexte.
La collection n’est indexable que si les douze valeurs correspondent au manifeste figé. Les pages des jetons restent en noindex ; Red 9 conserve sa fiche canonique existante.
Une teinte rouge ne suffit pas à communiquer une erreur ou un danger. Ajoutez du texte ou un autre repère, puis testez la typographie réelle, les surfaces voisines, les bordures, le focus et les états d’interaction.