Mezclador de colores
Mezcla un color inicial con un color final en hasta 10 pasos — previsualiza el degradado, captura cada tono y copia cualquier formato al instante.
Elige dos colores y un número de pasos — cada tono intermedio se calcula al instante en tu navegador.
Acerca de Mezclador de colores
El Mezclador de Colores combina dos colores entre sí y muestra cada paso intermedio. Elige un color de inicio y uno final, indica cuántos tonos intermedios quieres (hasta diez) y la herramienta calcula la transición completa al instante, tanto como muestras individuales como en una vista previa de degradado suave.
Dos modos de mezcla controlan cómo se calcula la combinación. RGB interpola cada canal en línea recta, lo cual es predecible y neutro, mientras que HSL recorre la rueda de color, manteniendo los pasos intermedios más saturados y vivos. Intercambiar los dos extremos o generar colores aleatorios se hace con un clic.
Toda la mezcla ocurre en tu navegador sin intervención de un servidor. Es una forma práctica de responder preguntas como "qué color está a medio camino entre azul y naranja", de crear rampas de color escalonadas para gráficos, o de obtener un degradado CSS entre dos colores de marca.
Cómo usar Mezclador de colores
- Elige un color de inicio y uno final con los selectores, o haz clic en "Colores aleatorios".
- Define el número de pasos intermedios, de 1 a 10.
- Elige el modo de mezcla: RGB para una mezcla lineal o HSL para una mezcla que conserva el matiz.
- Haz clic en cualquier tono para copiarlo, o usa "Copiar todo" para la rampa completa.
- Usa "Copiar degradado CSS" para obtener la transición como un degradado listo para pegar.