Le paiement doit être vérifié
Le spécimen est illustratif. Comparez l’intensité sur la réglette et ne transmettez jamais un état uniquement par la couleur.
Niveau actuel du signal
← Retour au répertoire des palettes
Atelier des états sémantiques
Suivez un signal rubis du murmure à l’alerte.
L’échelle Ruby en douze étapes, vérifiée à la source, devient un registre d’incident. Parcourez surfaces discrètes, bordures, signaux pleins et texte sans changer le spécimen.
- Étapes de l’échelle
- 12
- Groupes de rôles
- 4
- Version
- 3.0.0
Preuve figée
L’export Ruby clair et opaque exact, figé en version 3.0.0.
Cette référence contient uniquement Ruby 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 des jetons d’incident
Douze signaux, une progression vérifiée.
L’ordre officiel est conservé. Chaque entrée compacte réunit le rôle documenté, la valeur sRGB exacte, les contrastes calculés et les formats prêts à copier.
01
#FFFCFDFond d’application
ruby-1
- RGB
rgb(255 252 253)- Texte noir
- 20,59:1
- Texte blanc
- 1,02:1
Autres formats
02
#FFF7F8Fond discret
ruby-2
- RGB
rgb(255 247 248)- Texte noir
- 19,91:1
- Texte blanc
- 1,05:1
Autres formats
03
#FEEAEDFond de composant
ruby-3
- RGB
rgb(254 234 237)- Texte noir
- 18,21:1
- Texte blanc
- 1,15:1
Autres formats
04
#FFDCE1Composant au survol
ruby-4
- RGB
rgb(255 220 225)- Texte noir
- 16,58:1
- Texte blanc
- 1,27:1
Autres formats
05
#FFCED6Composant actif
ruby-5
- RGB
rgb(255 206 214)- Texte noir
- 15,05:1
- Texte blanc
- 1,40:1
Autres formats
06
#F8BFC8Bordure discrète
ruby-6
- RGB
rgb(248 191 200)- Texte noir
- 13,28:1
- Texte blanc
- 1,58:1
Autres formats
07
#EFACB8Bordure interactive
ruby-7
- RGB
rgb(239 172 184)- Texte noir
- 11,26:1
- Texte blanc
- 1,86:1
Autres formats
08
#E592A3Bordure forte ou repère clavier
ruby-8
- RGB
rgb(229 146 163)- Texte noir
- 8,97:1
- Texte blanc
- 2,34:1
Autres formats
09
#E54666Fond plein d’action
ruby-9
- RGB
rgb(229 70 102)- Texte noir
- 5,40:1
- Texte blanc
- 3,89:1
Autres formats
10
#DC3B5DFond plein au survol
ruby-10
- RGB
rgb(220 59 93)- Texte noir
- 4,83:1
- Texte blanc
- 4,35:1
Autres formats
11
#CA244DTexte à contraste réduit
ruby-11
- RGB
rgb(202 36 77)- Texte noir
- 3,87:1
- Texte blanc
- 5,43:1
Autres formats
12
#64172BTexte à contraste élevé
ruby-12
- RGB
rgb(100 23 43)- Texte noir
- 1,70:1
- Texte blanc
- 12,36:1
Autres formats
Périmètre du catalogue
Un registre d’incident complet, 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.
Les rôles documentés et les rapports de contraste calculés sont un point de départ, pas une certification. Associez l’état à un texte ou une icône, puis testez commandes, repères clavier et surfaces voisines.