¿Qué es Mezclador de colores?

Mezcla dos colores con un control de proporción y ve el resultado en tiempo real. Genera valores HEX, RGB y HSL que puedes copiar directamente a tu código o herramienta de diseño.

Cómo usar

1. Paso 1 — Selecciona el primer color con el selector o introduce su valor HEX.
2. Paso 2 — Selecciona el segundo color y ajusta el control de proporción de mezcla (0 % = primer color puro, 100 % = segundo color puro).
3. Paso 3 — Observa el resultado de la mezcla con sus códigos de color y copia los valores que necesites.

Resultado

Un diseñador mezcla azul corporativo (#2196F3) con blanco (#FFFFFF) al 30 % para crear un tinte sutil (#A1C9F8) para estados hover en un kit de interfaz.

Herramientas relacionadas