01
#FDFDFCFondo de aplicación
sand-1
Radix Sand 1- RGB
rgb(253 253 252)- Texto negro
- 20,63:1
- Texto blanco
- 1,02:1
← Volver al catálogo de colores
Archivo de neutros amarillos
Doce estratos de Sand para medir la profundidad de la interfaz.
Una escala neutra con matiz amarillo para interfaces que combinan acentos amarillos, ámbar, naranjas y marrones. La fuente oficial se presenta como una sección de material medida, desde el lienzo casi blanco hasta el texto más denso.
- Pasos de la escala
- 01—12
- Usos documentados
- 12
- Versión
- 3.0.0
Procedencia fijada
La exportación opaca clara exacta de Sand, fijada en la versión 3.0.0.
Esta página contiene solo Sand 1–12 de la exportación sRGB clara y opaca 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 y no está afiliada ni respaldada por WorkOS o Radix.
- Versión
- @radix-ui/colors 3.0.0
- Licencia
- MIT
Estratos medidos
Cada estrato conserva su profundidad, su uso y su valor exacto.
Se conserva el orden de la fuente oficial. Cada muestra incluye su valor sRGB exacto, el uso documentado y el contraste calculado con texto negro o blanco.
02
#F9F9F8Fondo sutil
sand-2
Radix Sand 2- RGB
rgb(249 249 248)- Texto negro
- 19,93:1
- Texto blanco
- 1,05:1
03
#F1F0EFFondo de componente
sand-3
Radix Sand 3- RGB
rgb(241 240 239)- Texto negro
- 18,45:1
- Texto blanco
- 1,14:1
04
#E9E8E6Componente al pasar el puntero
sand-4
Radix Sand 4- RGB
rgb(233 232 230)- Texto negro
- 17,15:1
- Texto blanco
- 1,22:1
05
#E2E1DEComponente activo
sand-5
Radix Sand 5- RGB
rgb(226 225 222)- Texto negro
- 16,06:1
- Texto blanco
- 1,31:1
06
#DAD9D6Borde sutil
sand-6
Radix Sand 6- RGB
rgb(218 217 214)- Texto negro
- 14,88:1
- Texto blanco
- 1,41:1
07
#CFCECABorde interactivo
sand-7
Radix Sand 7- RGB
rgb(207 206 202)- Texto negro
- 13,33:1
- Texto blanco
- 1,57:1
08
#BCBBB5Borde marcado o foco
sand-8
Radix Sand 8- RGB
rgb(188 187 181)- Texto negro
- 10,91:1
- Texto blanco
- 1,92:1
09
#8D8D86Fondo sólido
sand-9
Radix Sand 9- RGB
rgb(141 141 134)- Texto negro
- 6,29:1
- Texto blanco
- 3,34:1
10
#82827CFondo sólido al pasar el puntero
sand-10
Radix Sand 10- RGB
rgb(130 130 124)- Texto negro
- 5,43:1
- Texto blanco
- 3,87:1
11
#63635ETexto de contraste bajo
sand-11
Radix Sand 11- RGB
rgb(99 99 94)- Texto negro
- 3,48:1
- Texto blanco
- 6,04:1
12
#21201CTexto de contraste alto
sand-12
Radix Sand 12- RGB
rgb(33 32 28)- Texto negro
- 1,29:1
- Texto blanco
- 16,30:1
Alcance del catálogo
Doce valores de origen sin colores canónicos duplicados.
La conciliación del catálogo de producción no encontró ningún color canónico con el mismo HEX, por lo que cada token Sand conserva la procedencia de Radix. Las páginas individuales permanecen noindex mientras esta colección completa sí es visible.
Comprueba la tipografía real, las superficies adyacentes, los bordes, los indicadores de foco y los estados. El uso de un token y el contraste calculado del texto no garantizan por sí solos la accesibilidad.
Abrir el comprobador de contraste →Comparar con Radix Olive →