01
#FCFDFCFond de l’application
olive-1
Radix Olive 1- RGB
rgb(252 253 252)- Texte noir
- 20,59:1
- Texte blanc
- 1,02:1
← Retour au catalogue des couleurs
Épreuve imprimée du neutre lime
Olive, pressé en douze tons exacts pour l’interface.
Une échelle neutre teintée de lime pour les interfaces associées aux accents grass et lime. Les douze étapes officielles sont présentées comme une épreuve d’impression calibrée, 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 d’Olive, figée en 3.0.0.
Cette page contient uniquement Olive 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
Bandes d’étalonnage
Douze rôles d’interface, une seule nuance lime exacte.
L’ordre de la source officielle est préservé. Chaque bande présente sa valeur sRGB exacte, son rôle documenté et le contraste calculé avec un texte noir ou blanc.
02
#F8FAF8Fond discret
olive-2
Radix Olive 2- RGB
rgb(248 250 248)- Texte noir
- 20,02:1
- Texte blanc
- 1,05:1
03
#EFF1EFFond de composant
olive-3
Radix Olive 3- RGB
rgb(239 241 239)- Texte noir
- 18,50:1
- Texte blanc
- 1,14:1
04
#E7E9E7Composant au survol
olive-4
Radix Olive 4- RGB
rgb(231 233 231)- Texte noir
- 17,21:1
- Texte blanc
- 1,22:1
05
#DFE2DFComposant actif
olive-5
Radix Olive 5- RGB
rgb(223 226 223)- Texte noir
- 16,08:1
- Texte blanc
- 1,31:1
06
#D7DAD7Bordure discrète
olive-6
Radix Olive 6- RGB
rgb(215 218 215)- Texte noir
- 14,90:1
- Texte blanc
- 1,41:1
07
#CCCFCCBordure interactive
olive-7
Radix Olive 7- RGB
rgb(204 207 204)- Texte noir
- 13,36:1
- Texte blanc
- 1,57:1
08
#B9BCB8Bordure forte ou repère de navigation
olive-8
Radix Olive 8- RGB
rgb(185 188 184)- Texte noir
- 10,95:1
- Texte blanc
- 1,92:1
09
#898E87Fond plein
olive-9
Radix Olive 9- RGB
rgb(137 142 135)- Texte noir
- 6,28:1
- Texte blanc
- 3,34:1
10
#7F847DFond plein au survol
olive-10
Radix Olive 10- RGB
rgb(127 132 125)- Texte noir
- 5,50:1
- Texte blanc
- 3,82:1
11
#60655FTexte peu contrasté
olive-11
Radix Olive 11- RGB
rgb(96 101 95)- Texte noir
- 3,52:1
- Texte blanc
- 5,96:1
12
#1D211CTexte fortement contrasté
olive-12
Radix Olive 12- RGB
rgb(29 33 28)- Texte noir
- 1,29:1
- Texte blanc
- 16,32: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 Olive 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 Sage →