Generador de paletas degradadas RGB
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.
Empezar a usar
Generador de paletas degradadas RGB
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.
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
#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. 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.
El total incluye ambos extremos y vale 10 por defecto. Se elimina la parte decimal y se limita a 2–100. Los paneles permiten editar HEX, RGB, HSV y HSL, pero la interpolación siempre usa canales RGB codificados, redondeados a enteros. La vista previa tiene dirección fija de 90°. No hay paradas adicionales, alfa ni selección del espacio de color. La salida es un HEX por línea, sin código CSS ni descarga de imagen.
El procesamiento se realiza localmente en tu navegador.