Estructura serena, acción clara.
Fondos, superficies de componentes, bordes, acciones y texto proceden de una misma escala exacta.
Estado de interfaz revisado
← Volver al directorio de paletas
Panel de calibración de interfaz
Construya una interfaz teal, rol por rol.
La escala Teal de doce pasos, verificada con la fuente, se presenta como un panel de calibración práctico. Seleccione un token, examine su función y vea cómo el conjunto forma una interfaz compacta.
- Pasos de la escala
- 12
- Grupos de roles
- 4
- Versión
- 3.0.0
Procedencia fijada
La exportación Teal clara y opaca exacta, fijada en 3.0.0.
Esta referencia contiene solo Teal 1–12 de la exportación sRGB clara y opaca de @radix-ui/colors 3.0.0. Las variantes oscuras, alpha y P3 quedan fuera.
Hexees es una referencia independiente, sin afiliación ni respaldo de WorkOS o Radix.
- Versión
- @radix-ui/colors 3.0.0
- Licencia
- MIT License
Registro compacto de tokens
Doce pasos exactos para un sistema de interfaz completo.
Se conserva el orden oficial. Cada tarjeta compacta reúne el rol, el valor sRGB exacto, el contraste de texto calculado y los formatos listos para copiar.
01
#FAFEFDFondo de aplicación
teal-1
- RGB
rgb(250 254 253)- Texto negro
- 20,66:1
- Texto blanco
- 1,02:1
Más formatos
02
#F3FBF9Fondo tenue
teal-2
- RGB
rgb(243 251 249)- Texto negro
- 19,98:1
- Texto blanco
- 1,05:1
Más formatos
03
#E0F8F3Fondo de componente
teal-3
- RGB
rgb(224 248 243)- Texto negro
- 18,89:1
- Texto blanco
- 1,11:1
Más formatos
04
#CCF3EAComponente al pasar el puntero
teal-4
- RGB
rgb(204 243 234)- Texto negro
- 17,58:1
- Texto blanco
- 1,19:1
Más formatos
05
#B8EAE0Componente activo
teal-5
- RGB
rgb(184 234 224)- Texto negro
- 15,88:1
- Texto blanco
- 1,32:1
Más formatos
06
#A1DED2Borde tenue
teal-6
- RGB
rgb(161 222 210)- Texto negro
- 13,89:1
- Texto blanco
- 1,51:1
Más formatos
07
#83CDC1Borde interactivo
teal-7
- RGB
rgb(131 205 193)- Texto negro
- 11,47:1
- Texto blanco
- 1,83:1
Más formatos
08
#53B9ABBorde fuerte o contorno de teclado
teal-8
- RGB
rgb(83 185 171)- Texto negro
- 8,90:1
- Texto blanco
- 2,36:1
Más formatos
09
#12A594Fondo sólido de acción
teal-9
- RGB
rgb(18 165 148)- Texto negro
- 6,84:1
- Texto blanco
- 3,07:1
Más formatos
10
#0D9B8AFondo sólido al pasar el puntero
teal-10
- RGB
rgb(13 155 138)- Texto negro
- 6,07:1
- Texto blanco
- 3,46:1
Más formatos
11
#008573Texto de contraste reducido
teal-11
- RGB
rgb(0 133 115)- Texto negro
- 4,60:1
- Texto blanco
- 4,56:1
Más formatos
12
#0D3D38Texto de contraste elevado
teal-12
- RGB
rgb(13 61 56)- Texto negro
- 1,74:1
- Texto blanco
- 12,06:1
Más formatos
Alcance del catálogo
Un panel de calibración completo, no doce páginas de búsqueda.
La colección solo se indexa mientras los doce valores publicados coincidan con el manifiesto congelado. Las páginas de cada token siguen en noindex para que la referencia completa sea el destino útil.
Los roles documentados y las relaciones de contraste calculadas son evidencia inicial, no una certificación. Pruebe tipografía, controles, bordes, navegación por teclado y superficies adyacentes en la interfaz final.