Structure calme, action claire.
Fonds, surfaces de composants, bordures, actions et texte proviennent d’une même échelle exacte.
État d’interface examiné
← Retour au répertoire des palettes
Tableau de calibration d’interface
Construisez une interface teal, rôle par rôle.
L’échelle Teal en douze étapes, vérifiée par sa source, devient un tableau de calibration pratique. Sélectionnez un jeton, examinez son rôle et observez l’ensemble former une interface compacte.
- Étapes de l’échelle
- 12
- Groupes de rôles
- 4
- Version
- 3.0.0
Provenance figée
L’export Teal clair et opaque exact, figé en 3.0.0.
Cette référence contient uniquement Teal 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 étapes exactes pour un système d’interface complet.
L’ordre officiel est conservé. Chaque carte compacte réunit le rôle, la valeur sRGB exacte, les contrastes de texte calculés et les formats prêts à copier.
01
#FAFEFDFond d’application
teal-1
- RGB
rgb(250 254 253)- Texte noir
- 20,66:1
- Texte blanc
- 1,02:1
Autres formats
02
#F3FBF9Fond discret
teal-2
- RGB
rgb(243 251 249)- Texte noir
- 19,98:1
- Texte blanc
- 1,05:1
Autres formats
03
#E0F8F3Fond de composant
teal-3
- RGB
rgb(224 248 243)- Texte noir
- 18,89:1
- Texte blanc
- 1,11:1
Autres formats
04
#CCF3EAComposant au survol
teal-4
- RGB
rgb(204 243 234)- Texte noir
- 17,58:1
- Texte blanc
- 1,19:1
Autres formats
05
#B8EAE0Composant actif
teal-5
- RGB
rgb(184 234 224)- Texte noir
- 15,88:1
- Texte blanc
- 1,32:1
Autres formats
06
#A1DED2Bordure discrète
teal-6
- RGB
rgb(161 222 210)- Texte noir
- 13,89:1
- Texte blanc
- 1,51:1
Autres formats
07
#83CDC1Bordure interactive
teal-7
- RGB
rgb(131 205 193)- Texte noir
- 11,47:1
- Texte blanc
- 1,83:1
Autres formats
08
#53B9ABBordure forte ou repère clavier
teal-8
- RGB
rgb(83 185 171)- Texte noir
- 8,90:1
- Texte blanc
- 2,36:1
Autres formats
09
#12A594Fond plein d’action
teal-9
- RGB
rgb(18 165 148)- Texte noir
- 6,84:1
- Texte blanc
- 3,07:1
Autres formats
10
#0D9B8AFond plein au survol
teal-10
- RGB
rgb(13 155 138)- Texte noir
- 6,07:1
- Texte blanc
- 3,46:1
Autres formats
11
#008573Texte à contraste réduit
teal-11
- RGB
rgb(0 133 115)- Texte noir
- 4,60:1
- Texte blanc
- 4,56:1
Autres formats
12
#0D3D38Texte à contraste élevé
teal-12
- RGB
rgb(13 61 56)- Texte noir
- 1,74:1
- Texte blanc
- 12,06:1
Autres formats
Périmètre du catalogue
Un tableau de calibration 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 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.