01
#FEFCFEFondo de aplicación
purple-1
- RGB
rgb(254 252 254)- Texto negro
- 20,57:1
- Texto blanco
- 1,02:1
← Volver al directorio de paletas
Laboratorio de capas de interfaz
Purple, capa a capa.
Una escala Purple verificada de doce pasos, organizada como capas de una interfaz real. Selecciona un paso para pasar del lienzo tenue a controles, bordes, acciones sólidas y texto legible.
- Pasos
- 12
- Roles documentados
- 12
- Versión
- 3.0.0
Capa seleccionadaProfundidad sin conjeturas.
El token seleccionado se aplica a esta muestra de interfaz; el color de primer plano calculado cambia automáticamente.
Procedencia fijada
La exportación Purple clara y opaca exacta, fijada en 3.0.0.
Esta referencia contiene solo Purple 1–12 de la exportación sRGB clara y opaca de @radix-ui/colors 3.0.0. Las variantes oscuras, alfa 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 capas exactas para consultar y copiar.
Se conserva el orden oficial. Cada tarjeta reúne su rol, valor sRGB exacto, contraste de texto calculado y formatos listos para copiar.
Consultar color
02
#FBF7FEFondo tenue
purple-2
- RGB
rgb(251 247 254)- Texto negro
- 19,84:1
- Texto blanco
- 1,06:1
Más formatos
03
#F7EDFEFondo de componente
purple-3
- RGB
rgb(247 237 254)- Texto negro
- 18,50:1
- Texto blanco
- 1,14:1
Más formatos
04
#F2E2FCComponente al pasar el puntero
purple-4
- RGB
rgb(242 226 252)- Texto negro
- 17,06:1
- Texto blanco
- 1,23:1
Más formatos
05
#EAD5F9Componente activo
purple-5
- RGB
rgb(234 213 249)- Texto negro
- 15,38:1
- Texto blanco
- 1,37:1
Más formatos
06
#E0C4F4Borde tenue
purple-6
- RGB
rgb(224 196 244)- Texto negro
- 13,37:1
- Texto blanco
- 1,57:1
Más formatos
07
#D1AFECBorde interactivo
purple-7
- RGB
rgb(209 175 236)- Texto negro
- 11,05:1
- Texto blanco
- 1,90:1
Más formatos
08
#BE93E4Borde fuerte o indicador de foco
purple-8
- RGB
rgb(190 147 228)- Texto negro
- 8,48:1
- Texto blanco
- 2,48:1
Más formatos
09
#8E4EC6Fondo sólido
purple-9
- RGB
rgb(142 78 198)- Texto negro
- 4,06:1
- Texto blanco
- 5,18:1
Más formatos
10
#8347B9Fondo sólido al pasar el puntero
purple-10
- RGB
rgb(131 71 185)- Texto negro
- 3,57:1
- Texto blanco
- 5,89:1
Más formatos
11
#8145B5Texto de contraste reducido
purple-11
- RGB
rgb(129 69 181)- Texto negro
- 3,45:1
- Texto blanco
- 6,08:1
Más formatos
12
#402060Texto de contraste elevado
purple-12
- RGB
rgb(64 32 96)- Texto negro
- 1,59:1
- Texto blanco
- 13,18:1
Más formatos
Alcance del catálogo
Una escala completa, no doce páginas de búsqueda.
La colección solo se indexa mientras los doce valores publicados coinciden con el manifiesto fijado. Las páginas de tokens individuales permanecen noindex para que esta referencia completa sea el destino útil.
Un rol documentado y una relación de contraste calculada son datos iniciales, no una certificación. Comprueba tipografía, controles, bordes, indicadores de foco y superficies adyacentes en la interfaz final.