01
#FEFCFEFond d’application
purple-1
- RGB
rgb(254 252 254)- Texte noir
- 20,57:1
- Texte blanc
- 1,02:1
← Retour au répertoire des palettes
Laboratoire des couches d’interface
Purple, couche après couche.
Une gamme Purple vérifiée en douze étapes, organisée comme les couches d’une interface réelle. Sélectionnez une étape pour passer du canevas discret aux commandes, bordures, actions pleines et textes lisibles.
- Étapes
- 12
- Rôles documentés
- 12
- Version
- 3.0.0
Couche sélectionnéeLa profondeur sans approximation.
Le jeton sélectionné est appliqué à cet échantillon d’interface ; la couleur de premier plan calculée s’adapte automatiquement.
Provenance figée
L’export Purple clair et opaque exact, figé en version 3.0.0.
Cette référence contient uniquement Purple 1–12 de l’export sRGB clair et opaque de @radix-ui/colors 3.0.0. Les variantes sombres, alpha et P3 sont hors périmètre.
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 License
Registre compact des jetons
Douze couches exactes à examiner et copier.
L’ordre officiel est conservé. Chaque carte réunit son rôle, sa valeur sRGB exacte, les contrastes de texte calculés et les formats prêts à copier.
Examiner la couleur
02
#FBF7FEFond discret
purple-2
- RGB
rgb(251 247 254)- Texte noir
- 19,84:1
- Texte blanc
- 1,06:1
Autres formats
03
#F7EDFEFond de composant
purple-3
- RGB
rgb(247 237 254)- Texte noir
- 18,50:1
- Texte blanc
- 1,14:1
Autres formats
04
#F2E2FCComposant au survol
purple-4
- RGB
rgb(242 226 252)- Texte noir
- 17,06:1
- Texte blanc
- 1,23:1
Autres formats
05
#EAD5F9Composant actif
purple-5
- RGB
rgb(234 213 249)- Texte noir
- 15,38:1
- Texte blanc
- 1,37:1
Autres formats
06
#E0C4F4Bordure discrète
purple-6
- RGB
rgb(224 196 244)- Texte noir
- 13,37:1
- Texte blanc
- 1,57:1
Autres formats
07
#D1AFECBordure interactive
purple-7
- RGB
rgb(209 175 236)- Texte noir
- 11,05:1
- Texte blanc
- 1,90:1
Autres formats
08
#BE93E4Bordure forte ou repère de navigation au clavier
purple-8
- RGB
rgb(190 147 228)- Texte noir
- 8,48:1
- Texte blanc
- 2,48:1
Autres formats
09
#8E4EC6Fond plein
purple-9
- RGB
rgb(142 78 198)- Texte noir
- 4,06:1
- Texte blanc
- 5,18:1
Autres formats
10
#8347B9Fond plein au survol
purple-10
- RGB
rgb(131 71 185)- Texte noir
- 3,57:1
- Texte blanc
- 5,89:1
Autres formats
11
#8145B5Texte à contraste réduit
purple-11
- RGB
rgb(129 69 181)- Texte noir
- 3,45:1
- Texte blanc
- 6,08:1
Autres formats
12
#402060Texte à contraste élevé
purple-12
- RGB
rgb(64 32 96)- Texte noir
- 1,59:1
- Texte blanc
- 13,18:1
Autres formats
Périmètre du catalogue
Une gamme complète, pas douze pages de recherche.
La collection n’est indexable que si les douze valeurs publiées correspondent au manifeste figé. Les pages de jetons restent noindex afin que cette référence complète soit la destination utile.
Un rôle documenté et un rapport de contraste calculé constituent des données initiales, pas une certification. Testez la typographie, les commandes, les bordures, les repères de navigation au clavier et les surfaces voisines dans l’interface finale.