Generador de paletas degradadas RGB
Creá una rampa de colores reproducible, previsualizá cada paso generado y copiá la secuencia HEX exacta para CSS, gráficos o design tokens.
Empezar a usar
Generador de paletas degradadas RGB
Creá una rampa de colores reproducible, previsualizá cada paso generado y copiá la secuencia HEX exacta para CSS, gráficos o design tokens.
Para qué te sirve esta herramienta
Creá una rampa de colores reproducible, previsualizá cada paso generado y copiá la secuencia HEX exacta para CSS, gráficos o design tokens.
Ejemplo práctico
#2563EB → #EC4899, 5 colores
#2563EB, #575CD7, #8956C2, #BA4FAE, #EC4899
Cómo se produce el resultado
Cada color intermedio se crea mediante interpolación lineal de los canales rojo, verde y azul. Los extremos se conservan y los colores restantes se colocan a intervalos iguales.
Flujos de trabajo útiles
- Creá colores ordenados para gráficos o rampas de mapas de calor
- Generá colores de hover y estado entre dos design tokens
- Producí una paleta compacta para un gradiente 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. Agregá un color intermedio adecuado en un flujo de trabajo CSS de múltiples paradas cuando la viveza visual sea importante.
¿Cuántos colores debería generar?
Usá la cantidad más pequeña que coincida con los estados o bandas de datos distintos que necesites; los fondos continuos pueden usar más pasos.
El total incluye ambos extremos y es 10 por defecto. Se elimina la parte decimal y se limita a 2–100. Los paneles permiten HEX, RGB, HSV y HSL, pero la interpolación usa siempre canales RGB codificados, redondeados a enteros. La vista previa tiene dirección fija de 90°. No hay paradas adicionales, alfa ni selección de espacio de color. La salida contiene un HEX por línea, sin código CSS ni descarga de imagen.
El procesamiento se realiza localmente en tu navegador.