Efecto Duotono para Imágenes Gratis

Aplica impactantes efectos de color duotono a tus imágenes con combinaciones de color personalizadas. Gratis, rápido y funciona por completo en tu navegador sin necesidad de registro.

Actualizado

Share:
Home/Image Tools/Image Duotone Effect

Image Duotone Effect

Apply duotone and tritone color effects to images. 40+ presets, batch processing, before/after compare, CSS code export, and more.

Settings

Preview

Click to upload an image

PNG, JPG, WebP supported

Or use "Batch Upload" for multiple images

About Duotone & Tritone Effects

Duotone:

Replaces image colors with a gradient between two colors. Shadows become the dark color, highlights become the light color.

Tritone:

Adds a third color for midtones, giving more control over the color mapping. Great for more complex color effects.

Brand Presets:

Includes color schemes inspired by Spotify, Instagram, YouTube, Discord, and more for on-brand visuals.

Tips:
  • Use the intensity slider to blend the effect with the original image
  • High contrast images work best for dramatic duotone effects
  • Try the tritone presets for more sophisticated color combinations
  • Adjust midtone position to control where the third color appears
  • Use "Compare" mode to see a before/after slider view
  • Batch upload multiple images and apply the same effect to all at once
  • Save your favorite color combos for quick reuse across sessions
  • Generate CSS code to approximate the duotone effect in web projects
  • Click "Random" to discover new harmonious color combinations

Preguntas Frecuentes

¿Qué es el Image Duotone Effect?

El Image Duotone Effect es una herramienta en línea gratuita que aplica efectos de tono bicolor a las imágenes, creando llamativos estilos visuales muy populares en el diseño moderno.

¿Es gratis el Image Duotone Effect?

Sí, es completamente gratis y no requiere registro. Todos los efectos se aplican del lado del cliente, en tu navegador.

¿Puedo elegir mis propios colores?

Sí, el Image Duotone Effect te permite elegir dos colores cualesquiera para las luces y las sombras y crear tu propio estilo duotono personalizado.

¿Están seguros mis datos con esta herramienta?

Por supuesto. El Image Duotone Effect procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

¿Funciona el Image Duotone Effect en dispositivos móviles?

Sí, el Image Duotone Effect es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

¿Necesito crear una cuenta para usar esta herramienta?

No se necesita cuenta ni registro. Simplemente abre el Image Duotone Effect en tu navegador y empieza a usarlo de inmediato. No hay muros de registro ni restricciones de uso.

¿Qué formatos de imagen son compatibles?

El Image Duotone Effect admite los formatos de imagen más comunes, como PNG, JPG/JPEG, WebP y GIF. Algunas funciones también pueden admitir SVG y BMP, según la herramienta concreta.

¿Cómo uso el Image Duotone Effect?

Simplemente introduce tu contenido en el campo correspondiente, ajusta las opciones a tu gusto y la herramienta lo procesará al instante. Después podrás copiar el resultado al portapapeles o descargarlo.

¿Qué navegadores son compatibles?

El Image Duotone Effect funciona en todos los navegadores modernos, como Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

¿Cuál es la diferencia entre un efecto duotono y uno tritono?

Un duotono asigna el rango tonal de una imagen a solo dos colores: uno llena las sombras y el otro las luces, y cada tono medio se mezcla en un degradado entre ambos. Un tritono añade un tercer color en el medio, de modo que las sombras, los tonos medios y las luces tienen cada uno su propio matiz. Ese tercer color ofrece transiciones más ricas y cinematográficas de lo que dos colores pueden lograr, por eso estilos como atardeceres, auroras y degradados vaporwave dependen de él. Esta herramienta admite ambos: deja el tritono desactivado para un tratamiento limpio de dos colores, o actívalo para introducir un color de tono medio, y luego usa el control deslizante de posición del tono medio (de 10 a 90) para determinar en qué punto del rango de brillo alcanza su pico ese tercer color. Prueba a activar el tritono en una foto de alto contraste para ver cuánta profundidad añade el color extra.

¿Cómo convierte una herramienta de duotono una foto a color en dos tonos?

Funciona en dos etapas. Primero, cada píxel se convierte a escala de grises usando la fórmula estándar de luminancia (0.299 por rojo, más 0.587 por verde, más 0.114 por azul), que pondera el brillo de la forma en que lo percibe el ojo humano en lugar de promediar los canales por igual. Segundo, ese valor único de brillo se reasigna a un degradado entre tus dos colores elegidos: los píxeles más oscuros toman el color de sombra, los más claros toman el color de luz, y todo lo que queda en medio se mezcla suavemente entre ambos. Todo esto se ejecuta píxel a píxel en un canvas de HTML dentro de tu navegador, así que no hay pérdida de calidad por volver a subir el archivo. Como el resultado depende del brillo, las fotos con zonas claras y oscuras bien definidas se reproducen mejor. Sube una imagen y elige dos colores para ver la versión recoloreada aparecer junto a la original en tiempo real.

¿Qué hacen realmente los controles deslizantes de contraste, brillo e intensidad?

Cada control da forma a una parte distinta del resultado. El contraste (de 50 a 200 por ciento) amplía o comprime el rango tonal antes de que se asignen los colores, así que un valor más alto hace que el duotono se vea más gráfico e impactante, mientras que un valor más bajo lo mantiene sutil. El brillo (de 50 a 150 por ciento) sube o baja la exposición general, desplazando el equilibrio entre el color de sombra y el de luz. La intensidad (de 0 a 100 por ciento) mezcla el duotono terminado de vuelta hacia tu foto original, permitiéndote pasar de un ligero baño de color en valores bajos a un tratamiento de dos tonos completo al 100 por ciento. Usados en conjunto te dan un control fino sobre el ambiente: sube el contraste para lograr un impacto tipo cartel, o baja la intensidad para un tinte suave acorde a tu marca sobre la fotografía real. Empieza desde un preset y luego ajusta estos tres controles hasta que la imagen coincida con el aspecto que buscas.

¿Qué formato de exportación debería elegir: PNG, JPEG o WebP?

Depende de lo que necesites. PNG no tiene pérdida, así que mantiene los bordes nítidos y las transiciones de color limpias, lo que lo convierte en la opción más segura para gráficos, logotipos sobre un duotono o cualquier cosa que puedas volver a editar más adelante. JPEG y WebP tienen pérdida pero admiten un ajuste de calidad (de 50 a 100 por ciento), lo que te permite sacrificar un poco de detalle a cambio de un archivo más liviano, algo importante para páginas web y correos electrónicos. WebP suele producir archivos notablemente más pequeños que JPEG con la misma calidad visual y es compatible con todos los navegadores modernos, por lo que suele ser la mejor opción cuando la velocidad de carga de la página es importante. Para compartir en plataformas que todavía esperan formatos más antiguos, JPEG sigue siendo el más compatible universalmente. Esta herramienta te permite descargar en los tres formatos, y para los formatos con pérdida puedes ajustar la calidad antes de exportar tu imagen en duotono.

¿Puedo aplicar el mismo duotono a varias imágenes a la vez?

Sí. El modo por lotes te permite subir varias imágenes y aplicar los mismos colores y ajustes a todas ellas en una sola pasada, de modo que un conjunto completo quede visualmente coherente sin tener que reeditar cada foto a mano. Esto es ideal para una galería de productos, una serie de fotos de perfil de un equipo o una campaña para redes sociales que necesite verse unificada. Primero defines el aspecto que quieres, eligiendo tus dos colores (o tres para el tritono), el contraste, el brillo y la intensidad, y luego ejecutas el lote para que cada imagen se recoloree con el mismo tratamiento. Cuando termina el procesamiento puedes descargar los resultados en el formato que elijas. Como todo se ejecuta del lado del cliente en tu navegador, ninguna de las imágenes se sube a un servidor, y la velocidad de procesamiento depende de tu propio dispositivo y del tamaño de las imágenes, no de una cola de espera. Activa el modo por lotes para estandarizar un conjunto completo de imágenes rápidamente.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/duotone" title="Free Image Duotone Effect — The Toolbox" width="100%" height="320" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/image-tools/duotone?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Image Duotone Effect</a> by The Toolbox</p>

Acerca del Efecto Duotono para Imágenes

Un duotono es una imagen renderizada con solo dos colores —uno asignado a las sombras y otro a las luces— con todos los tonos intermedios combinados en un degradado entre ambos. Este estilo es un clásico de las portadas de Spotify, los diseños de revistas, la imagen de marca de conferencias y los carteles, porque reduce una foto a su esencia de ambiente y contraste. Este Efecto Duotono para Imágenes recrea ese estilo directamente en tu navegador: sube una foto, elige dos colores y observa la versión recoloreada aparecer junto a la original en tiempo real.

Está pensado para diseñadores, especialistas en marketing y cualquiera que quiera una imagen acorde a su marca sin abrir Photoshop. La herramienta es gratuita, no requiere cuenta y procesa todo en tu propio dispositivo: tus fotos nunca se suben a ningún servidor.

Cómo funciona el efecto duotono

La herramienta primero convierte tu imagen a escala de grises usando la fórmula estándar de luminancia (0.299 × rojo + 0.587 × verde + 0.114 × azul), que pondera el brillo de la misma forma en que lo percibe el ojo humano. Después reasigna ese rango de brillo a un degradado entre el color oscuro y el color claro que elegiste, de modo que las sombras puras toman el color oscuro, las luces puras toman el color claro y los tonos medios se combinan suavemente entre ambos. Todo esto ocurre en un canvas de HTML, píxel a píxel, sin ninguna pérdida de calidad por volver a subir el archivo.

Unos cuantos controles determinan el resultado:

  • Contraste (50–200%) — amplía o comprime el rango tonal antes de aplicar el mapeo de color, haciendo el efecto más gráfico o más sutil.
  • Brillo (50–150%) — sube o baja la exposición general.
  • Intensidad (0–100%) — mezcla el duotono de vuelta hacia la foto original, para que puedas pasar de un ligero baño de color a un tratamiento de dos tonos completo.

Presets, colores personalizados y tritono

Puedes partir de 41 presets integrados, agrupados en las categorías Clásico, Vibrante, Suave, Oscuro, Marca y Tritono, con combinaciones ya listas como Classic Blue, Cyberpunk y Sepia. O crear la tuya propia: los selectores de color oscuro (sombras) y claro (luces) aceptan cualquier valor hexadecimal, un solo clic intercambia los dos colores y una opción de aleatorización genera combinaciones armoniosas cuando quieres un punto de partida rápido.

Para más profundidad existe un modo tritono, que añade un tercer color de tono medio entre las sombras y las luces. Un control deslizante de posición del tono medio (10–90) determina en qué punto del rango de brillo alcanza su pico ese tercer color. Presets de tritono como Sunset Glow, Aurora y Vaporwave aprovechan esto para crear transiciones de color más ricas y cinematográficas de lo que un duotono estándar de dos colores puede lograr.

Exportación y procesamiento por lotes

Cuando estés conforme con el resultado, descárgalo como archivo PNG, JPEG o WebP. PNG no tiene pérdida y mantiene los bordes nítidos; JPEG y WebP admiten un ajuste de calidad (50–100%) para que puedas sacrificar un poco de detalle a cambio de un archivo más liviano. WebP suele producir archivos notablemente más pequeños que JPEG con la misma calidad visual, algo útil cuando la velocidad de carga de la página importa.

¿Trabajas con un conjunto de imágenes que necesitan el mismo tratamiento —una galería de productos, una serie de fotos de perfil de un equipo o una campaña para redes sociales? El modo por lotes te permite subir varias imágenes y aplicar los mismos colores y ajustes a todas ellas a la vez, de modo que un conjunto completo quede visualmente coherente sin tener que repetir el proceso foto por foto a mano.

Privacidad y cómo sacarle el mayor provecho

Como el Efecto Duotono para Imágenes se ejecuta completamente del lado del cliente en tu navegador, nada se envía ni se almacena en ningún servidor, y sigue funcionando incluso después de haber cargado la página sin conexión. La velocidad de procesamiento depende de tu propio dispositivo y del tamaño de la imagen, no de una cola de espera en un servidor.

Para obtener los mejores resultados, comienza con una foto que tenga un contraste claro entre zonas claras y oscuras: las imágenes planas y con iluminación uniforme le dejan al efecto poco rango tonal con el que trabajar. Prueba primero un preset y luego ajusta los colores, el contraste y la intensidad hasta que la imagen coincida con tu marca o el ambiente que buscas.