CanDoYa
ES

Mezclar colores online

Funciona del todo en tu navegador: sin subir nada y sin registro.

Elige dos colores digitales y arrastra el control para ajustar la mezcla.

50% A / 50% B
Color mezcladoMezcla sRGB digital
#9a7b8650% A / 50% B
HEX#9a7b86
RGBrgb(154, 123, 134)
HSLhsl(339, 13%, 54%)
CSS--mixed-color: #9a7b86;
Comparte esta herramienta

¿Cómo mezclar colores online?

Para mezclar colores online, elige dos tonos digitales y ajusta la proporción con el control deslizante. Verás el color resultante al instante y podrás copiarlo como HEX, RGB, HSL o variable CSS. Todo el cálculo se hace en tu navegador.

Cómo se usa

  1. 1Elige dos colores. Usa cada selector de color o pega un valor HEX de 3 o 6 dígitos en los campos Color A y Color B.
  2. 2Ajusta la proporción. Arrastra el control hacia A o B. La vista previa y todos los valores de color se actualizan al momento.
  3. 3Copia el resultado. Copia el color mezclado en formato HEX, RGB, HSL o como una propiedad personalizada CSS lista para usar.

Para quién es

Este mezclador calcula la media ponderada de los canales rojo, verde y azul de dos colores sRGB. Al 50 %, ambos aportan la misma cantidad. Mueve el control hacia uno de los extremos para conservar más de ese color. Tus colores no salen de tu dispositivo y puedes pegar cualquier resultado directamente en un archivo de diseño o una hoja de estilos.

La mezcla RGB digital no funciona igual que la pintura. Los pigmentos absorben luz y pueden dar un tono más oscuro o menos saturado. Aquí obtienes una mezcla exacta para pantallas, pensada para webs, interfaces y otros trabajos digitales.

Preguntas frecuentes

¿Este mezclador de colores es gratis?

Sí. Puedes usarlo gratis, sin crear una cuenta, descargar nada ni preocuparte por límites. Elige dos colores, ajusta la proporción y copia tantos resultados como necesites.

¿Se suben mis colores a algún sitio?

No. JavaScript mezcla los valores de color directamente en tu navegador. Nada de lo que introduces se envía a un servidor, así que puedes probar con seguridad colores de marca o producto aún no publicados.

¿Cuántos colores puedo mezclar?

La herramienta mezcla dos colores cada vez para que controles bien su relación. Si quieres añadir un tercero, copia el primer resultado en uno de los campos y mézclalo con el siguiente color.

¿Cómo calcula el resultado el mezclador de colores?

Convierte ambos valores HEX en canales rojo, verde y azul, aplica a cada canal el porcentaje elegido, suma las aportaciones y redondea al entero más cercano. Después transforma el resultado a HEX, RGB y HSL.

¿Qué color sale al mezclar dos pinturas?

Esta herramienta no lo predice. Mezcla colores sRGB digitales para pantallas. La pintura usa pigmentos y una mezcla sustractiva que depende del material, la concentración y la luz, por lo que el resultado físico puede ser más oscuro o cambiar de tono.

¿Puedo mezclar colores HEX abreviados?

Sí. Puedes escribir un valor de 3 dígitos como #f06 o uno de 6 como #ff0066, con o sin la almohadilla inicial. Los valores abreviados se amplían automáticamente a su forma normal de 6 dígitos.