01
#FBFDFCFond de l’application
sage-1
Radix Sage 1- RGB
rgb(251 253 252)- Texte noir
- 20,56:1
- Texte blanc
- 1,02:1
← Retour au catalogue des couleurs
Étude de terrain du neutre vert
Sage, répertorié comme un spécimen vivant pour l’interface.
Une échelle neutre teintée de vert pour les interfaces composées autour d’accents mint, teal, jade et green. Parcourez les douze étapes officielles, de la toile discrète au texte fortement contrasté.
- Étapes de l’échelle
- 01—12
- Rôles documentés
- 12
- Version
- 3.0.0
Provenance figée
L’exportation claire et opaque exacte de Sage, figée en 3.0.0.
Cette page contient uniquement Sage 1–12 de l’exportation sRGB claire et opaque de @radix-ui/colors 3.0.0. Le mode sombre, l’alpha et le P3 ne font pas partie de cette référence.
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
Spécimens pressés
Une nuance verte dans douze rôles d’interface.
L’ordre de la source officielle est préservé. Chaque spécimen présente sa valeur sRGB exacte, son rôle documenté et le contraste calculé avec un texte noir ou blanc.
02
#F7F9F8Fond discret
sage-2
Radix Sage 2- RGB
rgb(247 249 248)- Texte noir
- 19,86:1
- Texte blanc
- 1,06:1
03
#EEF1F0Fond de composant
sage-3
Radix Sage 3- RGB
rgb(238 241 240)- Texte noir
- 18,48:1
- Texte blanc
- 1,14:1
04
#E6E9E8Composant au survol
sage-4
Radix Sage 4- RGB
rgb(230 233 232)- Texte noir
- 17,19:1
- Texte blanc
- 1,22:1
05
#DFE2E0Composant actif
sage-5
Radix Sage 5- RGB
rgb(223 226 224)- Texte noir
- 16,09:1
- Texte blanc
- 1,30:1
06
#D7DAD9Bordure discrète
sage-6
Radix Sage 6- RGB
rgb(215 218 217)- Texte noir
- 14,92:1
- Texte blanc
- 1,41:1
07
#CBCFCDBordure interactive
sage-7
Radix Sage 7- RGB
rgb(203 207 205)- Texte noir
- 13,35:1
- Texte blanc
- 1,57:1
08
#B8BCBABordure forte ou repère de navigation
sage-8
Radix Sage 8- RGB
rgb(184 188 186)- Texte noir
- 10,94:1
- Texte blanc
- 1,92:1
09
#868E8BFond plein
sage-9
Radix Sage 9- RGB
rgb(134 142 139)- Texte noir
- 6,26:1
- Texte blanc
- 3,36:1
10
#7C8481Fond plein au survol
sage-10
Radix Sage 10- RGB
rgb(124 132 129)- Texte noir
- 5,47:1
- Texte blanc
- 3,84:1
11
#5F6563Texte peu contrasté
sage-11
Radix Sage 11- RGB
rgb(95 101 99)- Texte noir
- 3,53:1
- Texte blanc
- 5,95:1
12
#1A211ETexte fortement contrasté
sage-12
Radix Sage 12- RGB
rgb(26 33 30)- Texte noir
- 1,28:1
- Texte blanc
- 16,40:1
Périmètre du catalogue
Douze valeurs sources. Aucun doublon canonique.
Le rapprochement avec la production n’a trouvé aucune couleur canonique au même code HEX ; chaque jeton Sage conserve donc la provenance Radix. Les pages individuelles restent en noindex tandis que la collection complète est découvrable.
Testez la typographie réelle, les surfaces adjacentes, les bordures, les repères de navigation au clavier et les états. Le rôle du jeton et le rapport calculé ne garantissent pas l’accessibilité.
Ouvrir le vérificateur de contraste →Comparer avec Radix Mauve →