Question 1

¿Qué es una escala de color en sistemas de diseño?

Accepted Answer

Una escala de color es un conjunto sistemático de sombras derivadas de un solo tono, que van desde muy claro (tinte) hasta muy oscuro (matiz). Los sistemas de diseño como Tailwind CSS usan escalas de 10 pasos (50 a 950) para que puedas aplicar variaciones de color consistentes en toda tu interfaz.

Question 2

¿Cuántos pasos debe tener mi escala de color?

Accepted Answer

La mayoría de los sistemas de diseño usan 10–11 pasos. Tailwind usa 11 (50, 100, 200...900, 950). Material Design usa 12. Para un sistema personalizado ligero, 7–8 pasos suele cubrir todas tus necesidades desde fondos hasta texto oscuro.

Question 3

¿Puedo exportar la escala como configuración de Tailwind?

Accepted Answer

Sí. La herramienta genera un objeto de configuración de color de Tailwind listo para pegar. Agrégalo a tu tailwind.config.js bajo la clave de colores para usar tu escala personalizada en todas las utilidades de Tailwind.

Question 4

¿Cuál es la diferencia entre un tinte y una sombra?

Accepted Answer

Un tinte es tu color base mezclado con blanco (más claro), y una sombra es tu color base mezclado con negro (más oscuro). Una escala de color completa típicamente incluye tanto tintes (extremo claro) como sombras (extremo oscuro) de tu color base.

Generador de escalas de color para sistemas de diseño

Configuración de escala de colores

Cómo usar

Related Tools

Generador de escalas de color para sistemas de diseño

Configuración de escala de colores

Cómo usar

Related Tools