Generador de tonos de color
Matices y sombras de cualquier color.
Tokens fijos 50–950; 50 es el más claro, 950 el más oscuro y 500 es el color de entrada exacto.
¿Proporciones UI? Calculadora de relación de aspecto · armonías: Generador de paletas de colores · WCAG: Verificador de Contraste de Color.
Crear una paleta de colores
Genera una escala perceptual fija 50–950 para el sistema de diseño o pasos personalizados de tintes/sombras, y copia propiedades personalizadas CSS o descarga JSON.
Preguntas frecuentes
¿Qué es un tinte y una sombra?
Un tinte es una variación más clara y una sombra es una variación más oscura. Esta herramienta ajusta la luminosidad y el croma perceptuales de OKLCH en lugar de interpolar canales sRGB codificados.
¿Cómo copio un color?
Haz clic en cualquier muestra para copiar su valor HEX. Usa Copiar variables CSS o Descargar JSON para exportar la escala completa.
¿Para qué sirve esto?
Creación de paletas de colores y escalas de sistema de diseño a partir de un solo color de marca; expórtalas como propiedades personalizadas CSS o tokens al estilo de Tailwind.
Última actualización: