01
#FBFDFFFond d’application
blue-1
Radix Blue 1- RGB
rgb(251 253 255)- Texte noir
- 20,60:1
- Texte blanc
- 1,02:1
← Retour au catalogue de couleurs
Plan des signaux d’interface
Radix Blue, tracé comme un signal d’interface.
Une échelle bleue en douze étapes vérifiée avec la source, de la toile au texte fortement contrasté. Examinez le rôle documenté, la valeur sRGB exacte et le contraste calculé de chaque étape.
- Étapes de l’échelle
- 01—12
- Rôles documentés
- 12
- Version
- 3.0.0
- 01
#FBFDFFFond d’application - 02
#F4FAFFFond discret - 03
#E6F4FEFond de composant - 04
#D5EFFFComposant au survol - 05
#C2E5FFComposant actif - 06
#ACD8FCBordure discrète - 07
#8EC8F6Bordure interactive - 08
#5EB1EFBordure forte ou repère de focus - 09
#0090FFFond plein - 10
#0588F0Fond plein au survol - 11
#0D74CETexte à contraste modéré - 12
#113264Texte fortement contrasté
Provenance figée
L’export Blue clair et opaque exact, figé en 3.0.0.
Cette page contient uniquement Blue 1–12 de l’export sRGB clair et opaque de @radix-ui/colors 3.0.0. Le mode sombre, l’alpha et le P3 sont exclus 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
Table de calibration
Douze étapes. Un rôle explicite pour chacune.
L’ordre de la source officielle est conservé. Chaque ligne associe son rôle documenté au sRGB exact et au contraste calculé du texte noir ou blanc.
Ouvrir la couleur canonique
02
#F4FAFFFond discret
blue-2
Radix Blue 2- RGB
rgb(244 250 255)- Texte noir
- 19,96:1
- Texte blanc
- 1,05:1
Autres formats
03
#E6F4FEFond de composant
blue-3
Radix Blue 3- RGB
rgb(230 244 254)- Texte noir
- 18,74:1
- Texte blanc
- 1,12:1
Autres formats
04
#D5EFFFComposant au survol
blue-4
Radix Blue 4- RGB
rgb(213 239 255)- Texte noir
- 17,62:1
- Texte blanc
- 1,19:1
Autres formats
05
#C2E5FFComposant actif
blue-5
Radix Blue 5- RGB
rgb(194 229 255)- Texte noir
- 15,95:1
- Texte blanc
- 1,32:1
Autres formats
06
#ACD8FCBordure discrète
blue-6
Radix Blue 6- RGB
rgb(172 216 252)- Texte noir
- 13,98:1
- Texte blanc
- 1,50:1
Autres formats
07
#8EC8F6Bordure interactive
blue-7
Radix Blue 7- RGB
rgb(142 200 246)- Texte noir
- 11,74:1
- Texte blanc
- 1,79:1
Autres formats
08
#5EB1EFBordure forte ou repère de focus
blue-8
Radix Blue 8- RGB
rgb(94 177 239)- Texte noir
- 9,01:1
- Texte blanc
- 2,33:1
Autres formats
09
#0090FFFond plein
blue-9
Bleu Radix 9- RGB
rgb(0 144 255)- Texte noir
- 6,43:1
- Texte blanc
- 3,26:1
Autres formats
10
#0588F0Fond plein au survol
blue-10
Radix Blue 10- RGB
rgb(5 136 240)- Texte noir
- 5,79:1
- Texte blanc
- 3,63:1
Autres formats
11
#0D74CETexte à contraste modéré
blue-11
Radix Blue 11- RGB
rgb(13 116 206)- Texte noir
- 4,41:1
- Texte blanc
- 4,77:1
Autres formats
12
#113264Texte fortement contrasté
blue-12
Radix Blue 12- RGB
rgb(17 50 100)- Texte noir
- 1,66:1
- Texte blanc
- 12,62:1
Autres formats
Périmètre du catalogue
Une échelle complète, sans gonfler l’index.
La collection n’est indexable que lorsque les douze valeurs correspondent au manifeste figé. Les pages de chaque jeton restent noindex ; Blue 9 conserve son identité canonique existante.
Les rôles et les rapports de contraste calculés sont des points de départ, pas des garanties. Testez la typographie, les surfaces adjacentes, les bordures, les repères de navigation au clavier et les états réels.
Ouvrir le vérificateur de contraste →Comparer avec Radix Slate →