Un état doit se distinguer avant même d’être expliqué.
Parcourez l’échelle pour tester les surfaces discrètes, les bordures interactives, les actions pleines et le texte sans modifier la composition.
État d’interface sélectionné
← Retour au répertoire des palettes
Épreuve d’états d’interface
Validez chaque état rose avant sa mise en ligne.
L’échelle Pink en douze étapes, vérifiée par sa source, devient une épreuve d’états unique. Sélectionnez une étape et observez le même spécimen passer d’une surface discrète à une bordure, une action puis un texte lisible.
- Étapes de l’échelle
- 12
- Groupes de rôles
- 4
- Version
- 3.0.0
Provenance figée
L’export Pink clair et opaque exact, figé en 3.0.0.
Cette référence contient uniquement Pink 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 états exacts, mesurés côte à côte.
L’ordre officiel est conservé. Chaque carte compacte réunit le rôle documenté, la valeur sRGB exacte, les contrastes de texte calculés et les formats prêts à copier.
01
#FFFCFEFond d’application
pink-1
- RGB
rgb(255 252 254)- Texte noir
- 20,61:1
- Texte blanc
- 1,02:1
Autres formats
02
#FEF7FBFond discret
pink-2
- RGB
rgb(254 247 251)- Texte noir
- 19,91:1
- Texte blanc
- 1,05:1
Autres formats
03
#FEE9F5Fond de composant
pink-3
- RGB
rgb(254 233 245)- Texte noir
- 18,19:1
- Texte blanc
- 1,15:1
Autres formats
04
#FBDCEFComposant au survol
pink-4
- RGB
rgb(251 220 239)- Texte noir
- 16,59:1
- Texte blanc
- 1,27:1
Autres formats
05
#F6CEE7Composant actif
pink-5
- RGB
rgb(246 206 231)- Texte noir
- 14,90:1
- Texte blanc
- 1,41:1
Autres formats
06
#EFBFDDBordure discrète
pink-6
- RGB
rgb(239 191 221)- Texte noir
- 13,17:1
- Texte blanc
- 1,59:1
Autres formats
07
#E7ACD0Bordure interactive
pink-7
- RGB
rgb(231 172 208)- Texte noir
- 11,21:1
- Texte blanc
- 1,87:1
Autres formats
08
#DD93C2Bordure forte ou repère clavier
pink-8
- RGB
rgb(221 147 194)- Texte noir
- 9,03:1
- Texte blanc
- 2,33:1
Autres formats
09
#D6409FFond plein d’action
pink-9
- RGB
rgb(214 64 159)- Texte noir
- 5,09:1
- Texte blanc
- 4,12:1
Autres formats
10
#CF3897Fond plein au survol
pink-10
- RGB
rgb(207 56 151)- Texte noir
- 4,67:1
- Texte blanc
- 4,50:1
Autres formats
11
#C2298ATexte à contraste réduit
pink-11
- RGB
rgb(194 41 138)- Texte noir
- 3,98:1
- Texte blanc
- 5,28:1
Autres formats
12
#651249Texte à contraste élevé
pink-12
- RGB
rgb(101 18 73)- Texte noir
- 1,74:1
- Texte blanc
- 12,10:1
Autres formats
Périmètre du catalogue
Une épreuve d’états complète, pas douze pages de recherche.
La collection reste indexable uniquement si les douze valeurs publiées correspondent au manifeste figé. Les pages de chaque jeton restent en noindex afin que la référence complète soit la destination utile.
Les rôles documentés et les rapports de contraste calculés constituent un point de départ, pas une certification. Testez typographie, commandes, bordures, navigation au clavier et surfaces voisines dans l’interface finale.