Generador de color duotono
Crea un mapa de degradado duotono con dos colores y obtén vista previa en CSS e imagen
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Al elegir un color oscuro y uno claro, se crea un mapa de degradado duotono que los une y una escala de cinco tonos. Puedes copiar el código del degradado CSS y el CSS de duotono por superposición, y si subes una foto, se convierte a duotono real dentro del navegador para previsualizarla.
Cómo usar
- Pulsa un preajuste o elige tú mismo el color oscuro y el claro para fijar los dos tonos.
- Ajusta el ángulo del degradado para marcar la dirección en que fluyen los colores.
- Obtén el código con «Copiar degradado» o «Copiar CSS de duotono».
- Al subir una foto, verás el resultado convertido a los dos colores y podrás guardarlo en PNG.
Preguntas frecuentes
- ¿Qué es exactamente el duotono?
- Es una técnica de corrección de color que conserva solo la información de luminosidad de la foto y sustituye las zonas oscuras por el primer color y las claras por el segundo, representándola en dos tonos. Se usa mucho en revistas, portadas de disco y banners web para dar una atmósfera uniforme.
- ¿Qué diferencia hay entre el método CSS y la conversión de imagen?
- La superposición CSS (grayscale + mix-blend-mode) deja intacta la imagen original y solo la hace parecer duotono en pantalla. La conversión de imagen mapea de verdad los valores de los píxeles y crea un archivo terminado que incluso puedes guardar.
- ¿La foto que subo se envía a un servidor?
- No. La lectura de la imagen, la conversión de color y el guardado se procesan por completo dentro del navegador (en un canvas) y no se sube ningún archivo a ningún servidor. Cuanto mayor sea el contraste entre los dos tonos elegidos, más nítido será el resultado; tenlo en cuenta.