Mezclador de Colores

Mezcla dos o más colores con métodos RGB, RYB, LAB y OKLCH. Obtén el resultado exacto, nombre del color, contraste WCAG, pasos intermedios y envíalo al generador de paletas

Mezcla varios colores ajustando sus proporciones. Puedes añadir hasta 5 colores diferentes.

Método de Mezcla

Presets Populares

Mezclas comunes — haz clic para cargar

Colores a Mezclar

50%

Color Resultante

#800080

Nombre del color:Púrpura Misterio

Contraste WCAG

9.4:1AAA

2.2:1✗

Usar como texto → fondo blanco

Valores del Color

HEX#800080

RGB128, 0, 128

HSL300°, 100%, 25%

Colores Relacionados

Complementario

#008000

Análogos

Pasos Intermedios

Número de pasos:

#ff0000

#d4002b

#ab0054

#800080

#5400ab

#2b00d4

#0000ff

Haz clic en cualquier paso para copiar su código hex

Comparar Métodos

Resultado de la mezcla actual con cada método

RGB#800080

RYB#800080

LAB#ca0088

OKLCH#ba00c2

Previsualización

Gradiente entre los colores

Mezcla ponderada

Cómo funciona

Mezclar colores es una técnica fundamental en diseño gráfico, pintura y desarrollo web. Nuestra herramienta ofrece cuatro métodos de mezcla profesionales que producen resultados distintos según el contexto de uso.

Métodos de mezcla disponibles

Mezcla RGB (Aditiva)

Simula cómo se mezcla la luz. Mezclar todos los colores primarios (rojo, verde, azul) produce blanco. Es el método estándar en pantallas, monitores y diseño web. Ideal para UI/UX y desarrollo frontend.

Mezcla RYB (Sustractiva)

Basada en los colores primarios tradicionales del arte (rojo, amarillo, azul). Simula la mezcla de pinturas y pigmentos físicos. Perfecta para artistas, ilustradores y proyectos de impresión.

Mezcla en espacio CIE LAB

El espacio de color LAB fue diseñado para ser perceptualmente uniforme: las distancias entre colores corresponden a diferencias percibidas por el ojo humano. Produce las mezclas más naturales y es ideal para crear gradientes suaves y transiciones de color profesionales.

Mezcla OKLCH (Moderno)

OKLCH es el espacio de color más moderno, utilizado nativamente por CSS (color-mix()). Ofrece una mezcla cromática avanzada que mantiene la viveza de los colores y produce transiciones más uniformes que LAB, especialmente en tonos azules y púrpuras.

Características de la herramienta

4 métodos de mezcla: RGB, RYB, LAB y OKLCH
Hasta 5 colores con pesos individuales ajustables
Presets populares: mezclas comunes con un clic (marrón, tono piel, neón...)
Comparar métodos: visualiza el resultado con los 4 métodos a la vez
Nombre del color resultante identificado automáticamente
Contraste WCAG del resultado contra blanco y negro
Pasos intermedios configurables (3-11 pasos) entre los dos primeros colores
Abrir pasos como paleta para ver la escala de colores completa
Valores del color resultante en HEX, RGB y HSL
Colores relacionados: complementario y análogos del resultado
Enviar al generador para crear una paleta completa desde el color mezclado

Ejemplos de uso prácticos

Caso 1: Crear color intermedio para gradiente

Tienes azul #3B82F6 y verde #10B981. Necesitas un color intermedio para un gradiente de 3 pasos.

→ Mezcla 50/50 en LAB: obtienes un turquesa natural y armónico

Caso 2: Suavizar un color vibrante

Tu rojo #EF4444 es demasiado intenso para un fondo.

→ Mezcla con gris #9CA3AF al 30% para obtener un rojo apagado elegante

Caso 3: Simular pintura física

Quieres saber qué color obtendrás mezclando pintura azul y amarilla.

→ Usa mezcla RYB: Azul + Amarillo = Verde (en RGB daría cian, pero RYB simula pigmentos reales)

Caso 4: Crear tono piel realista

Mezcla naranja, blanco y un toque de rojo con el método LAB para obtener tonos piel naturales que se ven armónicos en cualquier pantalla.

Preguntas Frecuentes

¿Qué método de mezcla debo usar?

Para diseño digital y web usa RGB (mezcla aditiva). Para simular pinturas y pigmentos usa RYB (mezcla sustractiva). Para obtener los resultados más naturales usa LAB (mezcla perceptual). Para mezcla cromática moderna compatible con CSS usa OKLCH. Usa el panel "Comparar Métodos" para ver las diferencias de un vistazo.

¿Por qué mezclar rojo y verde no da marrón?

En mezcla RGB (luz), rojo + verde = amarillo, porque la luz se suma. El marrón se obtiene en mezcla sustractiva (RYB) que simula pigmentos, o añadiendo negro al naranja en cualquier método.

¿Puedo mezclar más de dos colores?

Sí, puedes mezclar hasta 5 colores simultáneamente. Cada color tiene su propio peso ajustable del 0% al 100%, lo que te permite controlar la proporción exacta de cada uno en la mezcla final.

¿Qué diferencia hay entre mezcla aditiva y sustractiva?

La mezcla aditiva (RGB) simula luz: al combinar todos los colores se obtiene blanco. Se usa en pantallas. La mezcla sustractiva (RYB) simula pigmentos: al combinar todos los colores se obtiene un tono oscuro/marrón. Se usa en pintura e impresión.

¿Qué es el espacio de color LAB?

CIE LAB es un espacio de color diseñado para ser perceptualmente uniforme. Esto significa que la distancia matemática entre dos colores en LAB corresponde a la diferencia que percibe el ojo humano. Por eso produce las mezclas y gradientes más naturales.

¿Puedo usar el color resultante para crear una paleta?

Sí, usa el botón "Enviar al Generador" debajo del color resultante. Esto enviará el color mezclado a nuestro generador de paletas, donde podrás crear una paleta completa basada en ese color con diferentes armonías de color.

¿Qué son los pasos intermedios?

Los pasos intermedios muestran la transición gradual entre los dos primeros colores. Puedes elegir entre 3 y 11 pasos. Son útiles para crear gradientes, escalas de color o encontrar tonos de transición específicos. Haz clic en cualquier paso para copiar su código hex.

¿Cómo mezclar colores para obtener marrón?

Para obtener marrón, usa el método RYB (sustractivo) y mezcla rojo con verde, o naranja con azul. También puedes mezclar los tres primarios (rojo, amarillo, azul) en proporciones similares. En RGB, mezcla naranja (#FF8C00) con un poco de azul (#0000FF).