Mezcla dos colores con un control de proporción y ve el resultado mezclado
Un mezclador de colores combina dos o más colores y muestra el color mezclado resultante. A diferencia de un selector de color, un mezclador de colores simula el resultado de combinar pigmentos o luz, ayudando a diseñadores, artistas y desarrolladores a predecir qué mezcla aparecerá antes de aplicarla.
Esta herramienta soporta mezcla RGB (estándar para pantallas), interpolación HSL (produce gradientes perceptualmente más suaves) y mezcla RYB opcional (el modelo del pintor tradicional). Puedes controlar la proporción de mezcla.
Las pantallas usan RGB aditivo: rojo + azul = magenta. Los pigmentos usan mezcla sustractiva que da un morado-marrón más oscuro. El modelo RYB es una aproximación simplificada usada en educación artística.
Tinta = color mezclado con blanco (más claro). Sombra = color mezclado con negro (más oscuro). Tono = color mezclado con gris (apagado).
Cada canal RGB se promedia independientemente: mezcla(rojo1, rojo2) = (rojo1 + rojo2) / 2.
CSS color-mix() está soportado en todos los navegadores principales desde 2023. Permite escribir color-mix(in srgb, red 50%, blue 50%) directamente en CSS.
Generador de paleta de colores · Generador de degradado CSS · Verificador de contraste · Buscador de nombre de color