Mezclador de colores

• Mezcla instantánea de colores: combina dos colores en tiempo real mientras ajustas el control de proporción. Cambia de modo de mezcla y ve el resultado actualizarse al momento, sin pulsar botones.
• Seguro y privado: tus colores se mezclan 100 % en el lado del cliente, en tu navegador. Nunca se envía nada a un servidor, así que puedes trabajar con colores de marca y paletas propietarias sin riesgo.
• Tres modos de mezcla: elige sRGB (estándar CSS), Lineal (con corrección gamma) u Oklab (perceptualmente uniforme). Cada modo produce resultados visuales distintos con la misma proporción.
• 100 % gratis para siempre: completamente gratis, sin registro, sin límites de uso y sin anuncios que bloqueen la interfaz. Mezcla colores tantas veces como necesites.

• Mezcla de colores de marca: combina los colores primarios de tu marca para generar colores secundarios y terciarios de la paleta. Usa la vista previa de degradado para encontrar el punto medio exacto que encaje con tus directrices.
• Diseño y tematización de interfaces: crea estados hover, estados deshabilitados y fondos tintados mezclando tu color primario con blanco o negro a distintas proporciones. Exporta los resultados directamente como valores CSS.
• Vista previa de CSS color-mix(): comprueba cómo mezclará la función CSS color-mix() dos colores antes de escribir el código. El modo sRGB coincide exactamente con el espacio de mezcla predeterminado de CSS.
• Generación de paletas: genera degradados suaves entre dos colores ancla para visualizaciones de datos, gráficos y mapas de calor. La vista previa de 11 pasos muestra todo el rango de un vistazo.
• Edición y retoque fotográfico: calcula el color de mezcla exacto necesario para igualar un tono objetivo en retoque. Usa el modo Oklab para una mezcla perceptualmente precisa que coincide con la visión humana.
• Accesibilidad y contraste: mezcla colores de primer plano y fondo para encontrar un punto medio que mejore la legibilidad. Usa el resultado con un comprobador de contraste para verificar el cumplimiento de WCAG.

Un mezclador de colores combina dos colores con una proporción configurable y muestra el color resultante en varios formatos. A diferencia de una media simple, la mezcla de color puede realizarse en distintos espacios de color, cada uno con resultados visualmente diferentes. Nuestro mezclador admite tres modos: sRGB (el estándar CSS), Lineal (con corrección gamma) y Oklab (perceptualmente uniforme). Toda la mezcla se ejecuta al instante en tu navegador, sin necesidad de subir nada a un servidor.

1. Introduce dos colores: escribe cualquier valor HEX o RGB en las entradas de color, o usa el selector de color nativo. El mezclador acepta cualquier formato de color CSS válido.
2. Define la proporción de mezcla: arrastra el control para indicar cuánto de cada color incluir. El 50 % da una mezcla igual; el 25 % da 75 % del color 1 y 25 % del color 2. Haz clic en cualquier paso de la vista previa para saltar a esa proporción.
3. Copia el resultado: el color mezclado se muestra en HEX, RGB, HSL y HSV con botones de copia en un clic. Usa la vista previa de degradado para explorar todo el rango entre los dos colores.

• Mezcla sRGB: interpola directamente entre los valores de canal sRGB (0-255). Coincide con la función CSS color-mix(in srgb) y es el modo más predecible para desarrollo web.
• Mezcla Lineal: convierte los colores a luz lineal (elimina la codificación gamma) antes de mezclar y luego vuelve a aplicar gamma. Produce resultados más precisos físicamente al combinar luz: los puntos medios se ven más brillantes que en sRGB.
• Mezcla Oklab: mezcla los colores en el espacio perceptual uniforme Oklab. Los puntos medios se ven visualmente equidistantes de ambos colores de entrada, evitando los marrones apagados que aparecen al mezclar colores complementarios en sRGB. Ideal para diseño y generación de paletas.
• Formatos de salida: el color mezclado se devuelve siempre en HEX, RGB, HSL y HSV. Todos los valores se redondean al entero más cercano para una salida limpia y lista para copiar.