01
#FDFDFCArrière-plan d’application
sand-1
Radix Sand 1- RGB
rgb(253 253 252)- Texte noir
- 20,63:1
- Texte blanc
- 1,02:1
← Retour au catalogue de couleurs
Archive de neutres jaunes
Douze strates de Sand pour mesurer la profondeur de l’interface.
Une échelle neutre teintée de jaune pour les interfaces associant des accents jaunes, ambrés, orange et bruns. La source officielle se lit comme une coupe de matériau mesurée, de la toile presque blanche au texte dense.
- Paliers de l’échelle
- 01—12
- Usages documentés
- 12
- Version
- 3.0.0
Provenance figée
L’export clair opaque exact de Sand, figé en version 3.0.0.
Cette page contient uniquement Sand 1–12 de l’export sRGB clair et opaque de @radix-ui/colors 3.0.0. Le mode sombre, les valeurs alpha et P3 sont hors du périmètre de cette référence.
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
Strates mesurées
Chaque strate conserve sa profondeur, son usage et sa valeur exacte.
L’ordre de la source officielle est conservé. Chaque échantillon indique sa valeur sRGB exacte, son usage documenté et le contraste calculé avec un texte noir ou blanc.
02
#F9F9F8Arrière-plan discret
sand-2
Radix Sand 2- RGB
rgb(249 249 248)- Texte noir
- 19,93:1
- Texte blanc
- 1,05:1
03
#F1F0EFArrière-plan de composant
sand-3
Radix Sand 3- RGB
rgb(241 240 239)- Texte noir
- 18,45:1
- Texte blanc
- 1,14:1
04
#E9E8E6Composant au survol
sand-4
Radix Sand 4- RGB
rgb(233 232 230)- Texte noir
- 17,15:1
- Texte blanc
- 1,22:1
05
#E2E1DEComposant actif
sand-5
Radix Sand 5- RGB
rgb(226 225 222)- Texte noir
- 16,06:1
- Texte blanc
- 1,31:1
06
#DAD9D6Bordure discrète
sand-6
Radix Sand 6- RGB
rgb(218 217 214)- Texte noir
- 14,88:1
- Texte blanc
- 1,41:1
07
#CFCECABordure interactive
sand-7
Radix Sand 7- RGB
rgb(207 206 202)- Texte noir
- 13,33:1
- Texte blanc
- 1,57:1
08
#BCBBB5Bordure marquée ou repère de navigation
sand-8
Radix Sand 8- RGB
rgb(188 187 181)- Texte noir
- 10,91:1
- Texte blanc
- 1,92:1
09
#8D8D86Arrière-plan uni
sand-9
Radix Sand 9- RGB
rgb(141 141 134)- Texte noir
- 6,29:1
- Texte blanc
- 3,34:1
10
#82827CArrière-plan uni au survol
sand-10
Radix Sand 10- RGB
rgb(130 130 124)- Texte noir
- 5,43:1
- Texte blanc
- 3,87:1
11
#63635ETexte à faible contraste
sand-11
Radix Sand 11- RGB
rgb(99 99 94)- Texte noir
- 3,48:1
- Texte blanc
- 6,04:1
12
#21201CTexte à fort contraste
sand-12
Radix Sand 12- RGB
rgb(33 32 28)- Texte noir
- 1,29:1
- Texte blanc
- 16,30:1
Périmètre du catalogue
Douze valeurs sources sans doublon canonique.
La vérification du catalogue de production n’a trouvé aucune couleur canonique avec le même code HEX : chaque jeton Sand conserve donc sa provenance Radix. Les pages de détail restent noindex tandis que cette collection complète est visible.
Testez la typographie réelle, les surfaces voisines, les bordures, les repères de navigation au clavier et les états. Le rôle d’un jeton et le contraste calculé du texte ne garantissent pas à eux seuls l’accessibilité.
Ouvrir le vérificateur de contraste →Comparer avec Radix Olive →