01
#FBFEFCFond d’application
green-1
Radix Green 1- RGB
rgb(251 254 252)- Texte noir
- 20,68:1
- Texte blanc
- 1,02:1
← Retour au catalogue de couleurs
Échelle vivante d’interface
Radix Green, lu comme des cernes de croissance.
Une échelle verte en douze étapes vérifiée avec la source, du fond discret au texte fortement contrasté. Tous les rôles tiennent dans une table de travail compacte, sans mur de boutons.
- Étapes de l’échelle
- 01—12
- Rôles documentés
- 12
- Version
- 3.0.0
- 01
#FBFEFC - 02
#F4FBF6 - 03
#E6F6EB - 04
#D6F1DF - 05
#C4E8D1 - 06
#ADDDC0 - 07
#8ECEAA - 08
#5BB98B - 09
#30A46C - 10
#2B9A66 - 11
#218358 - 12
#193B2D
Provenance figée
L’export Green clair et opaque exact, figé en 3.0.0.
Cette référence contient uniquement Green 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 de Radix.
- Version
- @radix-ui/colors 3.0.0
- Licence
- MIT
Table de travail
Douze étapes classées par rôle d’interface.
L’ordre de la source est conservé. Chaque ligne associe le rôle documenté au sRGB exact et au contraste calculé du texte noir ou blanc.
Ouvrir la couleur canonique
02
#F4FBF6Fond discret
green-2
Radix Green 2- RGB
rgb(244 251 246)- Texte noir
- 19,98:1
- Texte blanc
- 1,05:1
Autres formats
03
#E6F6EBFond de composant
green-3
Radix Green 3- RGB
rgb(230 246 235)- Texte noir
- 18,75:1
- Texte blanc
- 1,12:1
Autres formats
04
#D6F1DFComposant au survol
green-4
Radix Green 4- RGB
rgb(214 241 223)- Texte noir
- 17,51:1
- Texte blanc
- 1,20:1
Autres formats
05
#C4E8D1Composant actif
green-5
Radix Green 5- RGB
rgb(196 232 209)- Texte noir
- 15,81:1
- Texte blanc
- 1,33:1
Autres formats
06
#ADDDC0Bordure discrète
green-6
Radix Green 6- RGB
rgb(173 221 192)- Texte noir
- 13,88:1
- Texte blanc
- 1,51:1
Autres formats
07
#8ECEAABordure interactive
green-7
Radix Green 7- RGB
rgb(142 206 170)- Texte noir
- 11,56:1
- Texte blanc
- 1,82:1
Autres formats
08
#5BB98BBordure forte ou repère de navigation
green-8
Radix Green 8- RGB
rgb(91 185 139)- Texte noir
- 8,76:1
- Texte blanc
- 2,40:1
Autres formats
09
#30A46CFond plein
green-9
Vert Radix 9- RGB
rgb(48 164 108)- Texte noir
- 6,65:1
- Texte blanc
- 3,16:1
Autres formats
10
#2B9A66Fond plein au survol
green-10
Radix Green 10- RGB
rgb(43 154 102)- Texte noir
- 5,92:1
- Texte blanc
- 3,55:1
Autres formats
11
#218358Texte à contraste modéré
green-11
Radix Green 11- RGB
rgb(33 131 88)- Texte noir
- 4,45:1
- Texte blanc
- 4,72:1
Autres formats
12
#193B2DTexte fortement contrasté
green-12
Radix Green 12- RGB
rgb(25 59 45)- Texte noir
- 1,70:1
- Texte blanc
- 12,32:1
Autres formats
Périmètre du catalogue
Une échelle complète sans gonfler l’index.
La collection n’est indexable que lorsque les douze valeurs correspondent au manifeste figé. Les pages des jetons restent noindex ; Green 9 conserve son identité canonique.
Les rôles documentés et les rapports de contraste calculés sont des points de départ, pas des garanties. Testez la typographie, les surfaces adjacentes, les bordures, la navigation au clavier et les états réels.
Ouvrir le vérificateur de contraste →Comparer avec Radix Sage →