Mezclador de colores
Mezcla 2 o 3 colores en cualquier proporción, como pintura o luz, y obtén el color resultante, o combina dos colores en hasta 10 pasos. Copia HEX, RGB, HSL.
Elige 2 o 3 colores y define cuánto entra de cada uno: el color mezclado se calcula al instante en tu navegador. Haz clic en el resultado o en cualquier valor para copiarlo.
Elige dos colores y un número de pasos: cada tono intermedio se calcula al instante en tu navegador.
Acerca de Mezclador de colores
El Mezclador de colores te muestra el color que obtienes al mezclar dos o tres colores. Elige tus colores, indica cuánto de cada uno entra en la mezcla y el color resultante aparece al instante con sus valores HEX, RGB, HSL y CMYK, junto con una barra de receta que muestra la proporción de cada color.
Tres modelos de mezcla responden a preguntas distintas. Pintura mezcla como los pigmentos reales, así que el azul y el amarillo dan verde y un poco de negro rinde mucho. Luz promedia los colores como lo hacen las pantallas y las luces de colores, así que el rojo y el verde dan amarillo. Perceptual los promedia en el espacio OKLab que usa color-mix() de CSS, para resultados suaves y uniformes en interfaces y diseño.
Una segunda vista, "Pasos de mezcla", funde un color de inicio en un color final a través de hasta diez tonos intermedios, en RGB o HSL, con vista previa del degradado y un degradado CSS listo para pegar. Todo se ejecuta en tu navegador, sin servidor.
Cómo usar Mezclador de colores
- Abre la vista "Mezclar colores" y elige dos colores, o añade un tercero con "Añadir un color".
- Indica la cantidad de cada color: el porcentaje junto a él muestra su parte en la mezcla.
- Elige el modelo de mezcla: Pintura, Luz o Perceptual.
- Haz clic en el color mezclado o en cualquiera de sus valores para copiarlo, o usa "Copiar receta" para conservar las proporciones.
- Cambia a "Pasos de mezcla" para crear un degradado de hasta 10 tonos entre dos colores.