Generador de degradados CSS

Para qué te ayuda esta herramienta

Crea una rampa de colores reproducible, previsualiza cada paso generado y copia la secuencia HEX exacta para CSS, gráficos o tokens de diseño.

Ejemplo práctico

Cómo se produce el resultado

Cada color intermedio se crea mediante interpolación lineal de los canales rojo, verde y azul. Se conservan los extremos y los colores restantes se colocan a intervalos iguales.

Flujos de trabajo útiles

• Crear colores ordenados para gráficos o rampas de mapas de calor
• Construir colores de estado y hover entre dos tokens de diseño
• Producir una paleta compacta para un degradado de fondo

Límites importantes

• La interpolación RGB puede verse más oscura o turbia entre algunos colores complementarios.
• Una paleta de aspecto suave no es automáticamente accesible para daltonismo.
• Este generador produce colores RGB espaciados uniformemente; no afirma uniformidad perceptual.

Preguntas frecuentes

¿Por qué el punto medio puede verse gris o turbio?

Los canales RGB opuestos pueden promediar hacia un color neutro. Añade un color intermedio adecuado en un flujo de trabajo CSS de múltiples paradas cuando la viveza visual sea importante.

¿Cuántos colores debo generar?

Usa el número más pequeño que coincida con los estados o bandas de datos distintos que necesites; los fondos continuos pueden usar más pasos.