Interpolador de Pasos
Genera colores intermedios entre dos colores con diferentes métodos de interpolación
Genera una serie de pasos intermedios precisos entre dos colores.
5
Pasos Interpolados
1
#000000
0%
2
#404040
25%
3
#808080
50%
4
#BFBFBF
75%
5
#FFFFFF
100%
Cómo funciona
La interpolación de colores genera pasos intermedios entre dos colores, útil para gradientes y escalas.
Métodos de interpolación
- RGB: Interpolación lineal en espacio RGB
- HSL: Transiciones más naturales por el círculo cromático
- LAB: Perceptualmente uniforme, ideal para gradientes
💡 Ejemplos de uso prácticos
Caso 1: Gradiente para hero section
Crear transición suave de #6366F1 a #EC4899.
→ Usa interpolación LAB para evitar colores "sucios"
→ 15-20 pasos para transición imperceptible
Caso 2: Escala de color para data viz
Crear escala de verde (bajo) a rojo (alto) para mapa de calor.
→ 5-7 pasos para categorías discretas
→ Considera usar azul-naranja para accesibilidad
Caso 3: Animación de color
Transición animada entre dos estados de color.
→ Genera los keyframes intermedios
→ HSL para transiciones de tono circulares
Preguntas Frecuentes
¿Qué método debo usar?
LAB produce los gradientes más naturales. HSL es bueno para transiciones de tono. RGB es el más simple pero puede producir colores "sucios".
¿Cuántos pasos necesito?
Depende del uso. Para gradientes suaves, 10-20 pasos. Para escalas de diseño, 5-9 pasos.