Mezclador de Colores

Cómo se mezclan los colores en una pantalla

Todo color en una pantalla está hecho de luz roja, verde y azul. Al sumar luz el resultado se aclara, y por eso esta mezcla se llama aditiva. Luz roja más luz verde da amarillo, verde más azul da cian, y las tres al máximo dan blanco. El mezclador de arriba funciona así: promedia los canales rojo, verde y azul de tus dos colores según la proporción que elijas. Promedia en vez de sumar, así que una mezcla al 50/50 de luz roja y verde da oliva #808000: el mismo tono del amarillo que darían al sumarse, con la mitad del brillo.

Por eso una mezcla al 50/50 puede verse más clara y apagada de lo que esperabas. Dos colores intensos que están opuestos en el círculo cromático —un azul y un amarillo, por ejemplo— se promedian hacia un gris sin vida, porque sus canales se cancelan. Si quieres que la mezcla siga saturada, aleja la proporción del centro o elige dos colores más cercanos entre sí en el círculo.

Por qué la pintura se mezcla distinto

La pintura, la tinta y los tintes hacen lo contrario: cada pigmento absorbe parte de la luz que recibe y refleja el resto, así que cada color que agregas quita luz. Esa es la mezcla sustractiva, y sus primarios son los de la escuela —rojo, amarillo y azul— o el cian, magenta y amarillo de la imprenta. La pintura roja con la verde da un marrón turbio, mientras que la luz roja con la verde da amarillo.

Ninguna herramienta digital puede predecir un pigmento real con exactitud, porque el resultado depende de las pinturas mismas: su opacidad, qué tan fino es el molido y cuánto blanco o negro trae el tubo. Usa la tabla de abajo para los resultados clásicos y toma el mezclador como una forma de planear una combinación, no de igualar una muestra física.

Qué color sale de mezclar…

Las combinaciones que más se buscan, con el resultado tradicional en pintura junto al que dan esos mismos dos colores cuando una pantalla los promedia. Las dos columnas no coinciden a propósito: esa es la diferencia entre mezclar pigmento y mezclar luz.

Los resultados en pintura son los convencionales; los pigmentos reales cambian según la marca y la opacidad. Los valores de pantalla son el promedio exacto al 50/50 que calcula esta página.

Cómo usar el mezclador de colores

1. Elige tus dos colores. Haz clic en cualquiera de los bloques para abrir el selector, o escribe un código hex directamente en el campo de abajo. El valor RGB se actualiza solo.
2. Ajusta la proporción. Mueve el control para dar más peso a un color u otro. En 50 los dos pesan igual; acércalo a un extremo para conservar más de ese color en el resultado.
3. Copia el resultado. El color mezclado muestra su nombre, su hex y su valor RGB. Usa los botones de copiar para llevar cualquiera de los dos formatos a tu herramienta de diseño o a tu CSS.
4. Guárdalo como paleta. Genera una paleta a partir de la mezcla para obtener un conjunto completo de colores construido a su alrededor, con revisión de contraste y una página para compartir.

Consejos de mezcla que sirven

• Para aclarar un color, mézclalo con blanco; para oscurecerlo, con negro. Mezclarlo con un gris de la misma luminosidad lo apaga sin aclararlo ni oscurecerlo.
• Mezclar un color con un poco de su opuesto en el círculo cromático es la forma más rápida de calmarlo. Úsalo en lugar del negro, que suele ensuciar.
• Los colores de una interfaz necesitan contraste, no solo armonía: revisa cualquier color mezclado contra su fondo antes de usarlo para texto.
• Dos colores cuya mezcla da un punto medio agradable suelen funcionar bien juntos en una paleta: ese punto medio sirve de borde, de estado hover o de fondo suave.