Tokens · Familias de tokens
Paleta de colores
Las escalas de colores primitivos. Solo para quienes crean temas: los componentes nunca las usan.
Archivos: tokens.json → color
Esta traducción la ha escrito una IA y todavía no la ha revisado ninguna persona. Leer esta página en inglés
¿Estás creando un componente? Usa los colores semánticos. Un tema asigna estas escalas a los tokens semánticos.
azul
- 10
- 20
- 30
- 40
- 50
- 60
- 70
- 80
- 90
- 100
gris
- 10
- 20
- 30
- 40
- 50
- 60
- 70
- 80
- 90
- 100
verde
- 10
- 20
- 30
- 40
- 50
- 60
- 70
rojo
- 10
- 20
- 30
- 40
- 50
- 60
- 70
amarillo
- 10
- 20
- 30
- 40
- 50
- 60
- 70
verde azulado
- 10
- 20
- 40
- 50
- 60
- 70
morado
- 10
- 20
- 40
- 50
- 60
- 70
Valores sin procesar que nunca se usan directamente en los componentes. La paleta propia de LUZ: scripts/build-palette.js calcula cada paso en OKLCH a partir de una curva de luminosidad compartida por todas las familias, una curva de croma y un tono por familia.