01
#FCFCFDFondo de la aplicación
slate-1
Radix Slate 1- RGB
rgb(252 252 253)- Texto negro
- 20,48:1
- Texto blanco
- 1,03:1
← Volver al catálogo de colores
Calibración de neutros fríos
Slate, medido desde el fondo ligero hasta la tinta tipográfica.
Una escala neutra de matiz frío para crear profundidad en la interfaz. Sus doce pasos oficiales avanzan desde los fondos de página hasta los estados, bordes, superficies sólidas y texto.
- Pasos de la escala
- 01—12
- Funciones documentadas
- 12
- Versión
- 3.0.0
Procedencia fijada
La exportación opaca y clara exacta de Slate, fijada en 3.0.0.
Esta página contiene solo Slate 1–12 de la exportación sRGB opaca y clara de @radix-ui/colors 3.0.0. El modo oscuro, los valores alfa y P3 quedan fuera de esta referencia.
Hexees es una referencia independiente, sin afiliación ni respaldo de WorkOS o Radix.
- Versión
- @radix-ui/colors 3.0.0
- Licencia
- MIT
Instrumento tipográfico
Elige primero la función y después el tono.
Se conserva el orden oficial. Los valores de contraste describen solo texto negro o blanco sobre el color opaco exacto; no certifican un componente terminado.
02
#F9F9FBFondo discreto
slate-2
Radix Slate 2- RGB
rgb(249 249 251)- Texto negro
- 19,97:1
- Texto blanco
- 1,05:1
03
#F0F0F3Fondo de componente
slate-3
Radix Slate 3- RGB
rgb(240 240 243)- Texto negro
- 18,46:1
- Texto blanco
- 1,14:1
04
#E8E8ECComponente bajo el puntero
slate-4
Radix Slate 4- RGB
rgb(232 232 236)- Texto negro
- 17,19:1
- Texto blanco
- 1,22:1
05
#E0E1E6Componente activo
slate-5
Radix Slate 5- RGB
rgb(224 225 230)- Texto negro
- 16,08:1
- Texto blanco
- 1,31:1
06
#D9D9E0Borde discreto
slate-6
Radix Slate 6- RGB
rgb(217 217 224)- Texto negro
- 14,95:1
- Texto blanco
- 1,40:1
07
#CDCED6Borde interactivo
slate-7
Radix Slate 7- RGB
rgb(205 206 214)- Texto negro
- 13,40:1
- Texto blanco
- 1,57:1
08
#B9BBC6Borde marcado o foco
slate-8
Radix Slate 8- RGB
rgb(185 187 198)- Texto negro
- 10,99:1
- Texto blanco
- 1,91:1
09
#8B8D98Fondo sólido
slate-9
Radix Slate 9- RGB
rgb(139 141 152)- Texto negro
- 6,36:1
- Texto blanco
- 3,30:1
10
#80838DFondo sólido bajo el puntero
slate-10
Radix Slate 10- RGB
rgb(128 131 141)- Texto negro
- 5,55:1
- Texto blanco
- 3,78:1
11
#60646CTexto de contraste bajo
slate-11
Radix Slate 11- RGB
rgb(96 100 108)- Texto negro
- 3,54:1
- Texto blanco
- 5,94:1
12
#1C2024Texto de contraste alto
slate-12
Radix Slate 12- RGB
rgb(28 32 36)- Texto negro
- 1,28:1
- Texto blanco
- 16,39:1
Alcance del catálogo
Doce valores de origen, sin colores canónicos duplicados.
La conciliación con el catálogo no encontró ningún HEX canónico idéntico, por lo que cada token Slate conserva la procedencia Radix. Las páginas individuales siguen en noindex y la colección completa es descubrible.
Comprueba la tipografía real, las superficies adyacentes, los bordes, los indicadores de foco y los estados. La función del token y una relación calculada no garantizan accesibilidad.
Abrir el verificador de contraste →Comparar con Radix Gray →