Mezclador de colores
Mezcla dos colores en la proporción que quieras y obtén el resultado en HEX, RGB y HSL. Mezcla en luz lineal, así la mezcla no sale apagada.
Qué hace esta herramienta
Elige dos colores, mueve la proporción y mira qué sale. Los dos se muestran a cada lado del resultado para que puedas juzgar la mezcla frente a lo que entró en ella. La mezcla se hace en luz lineal por defecto, que es la parte que casi todos los mezcladores hacen mal: los colores en pantalla se guardan de una forma que no es proporcional al brillo real, así que promediar los números guardados hace que el punto medio salga más oscuro y más apagado de lo que espera tu ojo. Mezclar rojo y verde así da un oliva turbio, mientras que mezclarlos como luz da el tono luminoso que te estabas imaginando. El modo sRGB también está, para cuando necesites cuadrar con lo que produjo el color-mix de CSS u otra herramienta. Acepta hex, rgb y hsl, y te devuelve el resultado en los tres.
Para qué te sirve
- Encontrar el punto medio entre dos colores de marca para una parada de gradiente.
- Suavizar un acento fuerte mezclándole un poco de un neutro.
- Crear un tinte llevando un color hacia el blanco, o una sombra hacia el negro.
- Sacar un estado hover que quede a medio camino entre dos colores ya existentes.
Cómo se usa
- Fija tus dos colores, con el selector o escribiendo el valor.
- Mueve la proporción para elegir cuánto entra del segundo color.
- Cambia entre luz lineal y sRGB si necesitas cuadrar con otra herramienta.
- Copia el resultado en HEX, RGB o HSL.
Todo el trabajo ocurre dentro de tu navegador, sin subir archivos a ningún servidor. Ver más herramientas del mismo campo.
Otras herramientas del mismo campo
DiseñoConversor de Color: HEX, RGB, HSL
Convierte colores entre HEX, RGB y HSL online. Pega cualquier formato y obtén los demás al instante. Gratis, sin subidas y en tu navegador.
Generador de Paletas de Color
Genera paletas de color armónicas a partir de cualquier color base: análogas, complementarias y más. Gratis, en tu navegador, listas para copiar.
Verificar Contraste de Color (WCAG)
Comprueba el contraste de color WCAG entre texto y fondo, con vistas previas en vivo, resultado aprobado o suspenso y sugerencias accesibles.
Generador de Gradientes CSS
Crea gradientes CSS online con vista previa en vivo: lineal, radial y cónico. Copia el código para tu fondo, gratis y en tu navegador.
Preguntas frecuentes
¿Por qué hay dos modos de mezcla?
Porque responden a preguntas distintas. La luz lineal mezcla los colores como se mezcla la luz de verdad, que es lo que espera tu ojo y lo que quieres para gradientes y fundidos. El modo sRGB promedia directamente los valores guardados, que es lo que hacen el color-mix in srgb de CSS y la mayoría de mezcladores online. Si intentas cuadrar con un resultado de otro sitio, usa sRGB; si no, lineal se verá mejor.
¿Cuál debería usar?
Luz lineal, salvo que tengas un motivo concreto para no hacerlo. Es el modo por defecto porque produce mezclas más luminosas y más limpias. El ejemplo clásico es mezclar negro y blanco: en lineal sale un gris medio que de verdad parece el medio, mientras que en sRGB sale uno que se lee bastante oscuro.
¿Qué formatos de color puedo pegar?
Hex, rgb y hsl, en las mismas formas que acepta el conversor de colores, incluida la transparencia. El resultado se te da a la vez en hex, rgb y hsl para que cojas el que necesite tu código.
¿Qué pasa con la transparencia?
El alfa se mezcla de forma directa en los dos modos. La transparencia no se guarda de esa forma no proporcional en la que se guarda el color, así que no hay nada que corregir.