Cómo crear una paleta de colores degradados
Elige el color inicial y el final, escribiendo su código o con el selector, y cuántos tonos quieres entre ellos, de 3 a 12. Los colores intermedios se calculan en un espacio de color que imita la vista humana (OKLab), así que los saltos entre tonos se ven parejos y no aparecen grises sucios en el medio.
Paleta degradada o degradado continuo
Esta herramienta te da colores sueltos, con su código, para usarlos uno por uno: en una escala de Tailwind, en gráficos, en una presentación o en las secciones de una web. Si lo que necesitas es un fondo que pase suavemente de un color a otro, usa el generador de degradados CSS.
Preguntas frecuentes
¿Qué es una paleta de colores degradados?
Es una serie de colores que pasan poco a poco de un color a otro. Por ejemplo, de rosa a celeste en 7 pasos. Cada color tiene su propio código HEX y se puede usar por separado.
¿Cuántos colores puede tener la paleta?
Entre 3 y 12. Con pocos colores los saltos se notan más; con muchos, la transición es más suave y tienes más tonos para elegir.
¿En qué formatos puedo exportarla?
En variables CSS con el degradado listo para usar, lista de códigos HEX, configuración de Tailwind, JSON, SVG o imagen PNG. También puedes abrirla en el generador de paletas para seguir editándola.
¿Por qué los tonos intermedios no se ven grises?
Porque la mezcla se calcula en OKLab, un espacio de color pensado para la vista humana. Una mezcla directa de RGB entre colores opuestos, como rosa y verde, pasa por tonos apagados; en OKLab el paso es más limpio y parejo.
¿Puedo compartir mi paleta?
Sí. La dirección de la página guarda los dos colores y el número de tonos, así que puedes copiarla y enviarla.
¿Qué diferencia hay con el generador de degradados?
El generador de degradados crea un fondo continuo en CSS. Esta herramienta te da los colores sueltos que hay entre dos colores, para usarlos uno por uno.
¿Es gratis?
Sí, sin registro y sin límites. Puedes guardar tus degradados favoritos con el corazón; se guardan en este navegador.