¿Para qué sirve una escala 50–950?
Te da variantes coherentes de un color para fondos, bordes, estados hover y texto sin elegir cada tono a mano. Mantiene el matiz y cambia la luminosidad paso a paso.
Cómo usarlo
- Haz clic en un color de la paleta para usarlo como base.
- Revisa la escala: del 50 al 200 sirven para fondos, el 500 y 600 para acciones, y del 800 al 950 para texto.
- Copia las variables CSS o haz clic en un tono para copiar su HEX.
Preguntas frecuentes
¿El tono 500 es mi color original?
Es el paso central y queda cerca de tu color, pero se recalcula con una luminosidad fija para que todas las escalas sean coherentes. Si necesitas el HEX exacto, úsalo tal cual junto a la escala.
¿Cómo uso la escala en Tailwind?
Copia los valores en theme.extend.colors con las claves 50 a 950. Después usa clases como bg-marca-100 o text-marca-900.