01
#FEFCFBFond de l’application
orange-1
Radix Orange 1- RGB
rgb(254 252 251)- Texte noir
- 20,53:1
- Texte blanc
- 1,02:1
← Retour au catalogue de couleurs
Laboratoire de signalétique
Radix Orange, conçu pour signaler.
Une échelle orange de douze degrés vérifiée à la source, des surfaces discrètes aux bordures, alertes pleines et textes lisibles.
- Degrés de l’échelle
- 01—12
- Rôles documentés
- 12
- Version
- 3.0.0
Le paiement demande votre attentionL’icône et le libellé conservent le sens sans la couleur.
Vérifier- 01Fond de l’application
#FEFCFB - 02Fond discret
#FFF7ED - 03Fond du composant
#FFEFD6 - 04Composant au survol
#FFDFB5 - 05Composant actif
#FFD19A - 06Bordure discrète
#FFC182 - 07Bordure interactive
#F5AE73 - 08Bordure forte ou repère de focus
#EC9455 - 09Fond plein
#F76B15 - 10Fond plein au survol
#EF5F00 - 11Texte à faible contraste
#CC4E00 - 12Texte à fort contraste
#582D1D
Le degré 9 est l’accent orange plein. Une alerte exige aussi une icône, un libellé et un état programmatique : la couleur seule ne suffit pas.
Provenance figée
L’export Orange opaque et clair exact, figé en version 3.0.0.
Cette référence contient uniquement Orange 1–12 de l’export sRGB opaque et clair 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.
- Version
- @radix-ui/colors 3.0.0
- Licence
- MIT
Registre compact des signaux
Douze jetons, une progression mesurée.
L’ordre source est conservé pour les surfaces, bordures, accents pleins et textes. Chaque carte compacte présente les données sRGB exactes et le contraste calculé avec du texte noir ou blanc.
Fonds et surfaces · 01—05
Consulter la couleur canonique
02
#FFF7EDFond discret
orange-2
Orange Tailwind niveau 50- RGB
rgb(255 247 237)- Texte noir
- 19,78:1
- Texte blanc
- 1,06:1
Autres formats
03
#FFEFD6Fond du composant
orange-3
Radix Orange 3- RGB
rgb(255 239 214)- Texte noir
- 18,57:1
- Texte blanc
- 1,13:1
Autres formats
04
#FFDFB5Composant au survol
orange-4
Radix Orange 4- RGB
rgb(255 223 181)- Texte noir
- 16,47:1
- Texte blanc
- 1,27:1
Autres formats
05
#FFD19AComposant actif
orange-5
Radix Orange 5- RGB
rgb(255 209 154)- Texte noir
- 14,84:1
- Texte blanc
- 1,42:1
Autres formats
Bordures et commandes · 06—08
06
#FFC182Bordure discrète
orange-6
Radix Orange 6- RGB
rgb(255 193 130)- Texte noir
- 13,20:1
- Texte blanc
- 1,59:1
Autres formats
07
#F5AE73Bordure interactive
orange-7
Radix Orange 7- RGB
rgb(245 174 115)- Texte noir
- 11,18:1
- Texte blanc
- 1,88:1
Autres formats
08
#EC9455Bordure forte ou repère de focus
orange-8
Radix Orange 8- RGB
rgb(236 148 85)- Texte noir
- 8,93:1
- Texte blanc
- 2,35:1
Autres formats
Signal plein et texte · 09—12
09
#F76B15Fond plein
orange-9
Orange Radix 9- RGB
rgb(247 107 21)- Texte noir
- 7,07:1
- Texte blanc
- 2,97:1
Autres formats
10
#EF5F00Fond plein au survol
orange-10
Radix Orange 10- RGB
rgb(239 95 0)- Texte noir
- 6,31:1
- Texte blanc
- 3,33:1
Autres formats
11
#CC4E00Texte à faible contraste
orange-11
Radix Orange 11- RGB
rgb(204 78 0)- Texte noir
- 4,66:1
- Texte blanc
- 4,51:1
Autres formats
12
#582D1DTexte à fort contraste
orange-12
Radix Orange 12- RGB
rgb(88 45 29)- Texte noir
- 1,81:1
- Texte blanc
- 11,61:1
Autres formats
À utiliser avec des vérifications
L’orange attire l’attention ; la structure porte le sens.
La collection reste indexable uniquement tant que les douze valeurs publiées correspondent au manifeste figé. Les pages de jetons individuelles restent en noindex.
Contrôlez les textes, bordures, repères de navigation au clavier et surfaces adjacentes dans l’interface finale. Associez la couleur d’alerte à une icône, un texte explicite et un état programmatique.