Mezclador de Colores

Mezcla dos colores HEX en OKLab perceptual para puntos medios vivos, crea una rampa de 3-10 pasos y cópiala como linear-gradient CSS o lista HEX.

¿Tienes comentarios? Reporta errores, sugiere funciones o comparte tus ideas — leemos todos

Mezclador de Colores - Mezclar y Combinar Colores Online

Una potente herramienta de mezcla de colores que combina dos colores con proporciones de mezcla ajustables. Mezcla colores en tiempo real, ve resultados en múltiples formatos (HEX, RGB, HSL) y crea hermosos degradados de color con pasos personalizables. Vea también nuestro Selector Color Pro y nuestro Generador Degradados.

¿Cómo funciona la mezcla de colores?

Esta herramienta mezcla en OKLab, un espacio perceptualmente uniforme, en lugar de promediar valores sRGB crudos:

Por qué OKLab:
- sRGB tiene gamma, así que promediar los valores enturbia los puntos medios
- OKLab ordena los colores tal como los percibe el ojo
- Los puntos medios quedan vivos (amarillo + azul tiende a verde, no a gris)

Proceso de Mezcla:
1. Convertir cada color de sRGB a luz lineal
2. Convertir el RGB lineal a OKLab (L, a, b)
3. Interpolar L, a y b según la proporción
4. Volver a sRGB y limitar al rango válido
5. Mostrar en HEX, RGB y HSL

El resultado es una mezcla perceptualmente correcta que coincide con cómo se ven realmente los colores juntos.

¿Cómo uso el mezclador de colores?

Usar el Mezclador de Colores es simple:

1. Seleccionar Colores:
- Elige Color 1 usando el selector de color o ingresa código HEX
- Elige Color 2 usando el selector de color o ingresa código HEX
- Ambos colores se muestran con vistas previas en vivo

2. Ajustar Proporción de Mezcla:
- Arrastra el deslizador hacia el color que quieras que domine
- Izquierda (0%) = Color 1 puro
- 50% = Mezcla igual de ambos colores
- Derecha (100%) = Color 2 puro

3. Ver Resultados:
- Ve el color mezclado en vista previa grande
- Obtén resultados en formatos HEX, RGB y HSL
- Haz clic en botones copiar para copiar cualquier formato

4. Rampa de Degradado (Opcional):
- Activa 'Mostrar Pasos'
- Ajusta el deslizador para fijar el número de paradas (3-10)
- Haz clic en cualquier parada para copiar su color
- Usa 'Copiar gradiente CSS' para una cadena linear-gradient() lista
- Usa 'Copiar lista HEX' para tomar todas las paradas como códigos HEX

¿Qué son las proporciones de mezcla de colores?

Las proporciones de mezcla determinan cuánto de cada color se usa en la mezcla final:

50/50 (Mezcla Igual):
- Balance perfecto de ambos colores
- Crea color de punto medio
- Ejemplo: Rojo + Azul = Púrpura

75/25 (Color 1 Dominante):
- El resultado se inclina fuertemente hacia Color 1
- Influencia sutil del Color 2

25/75 (Color 2 Dominante):
- El resultado se inclina fuertemente hacia Color 2
- Influencia sutil del Color 1

Arrastra el deslizador hacia el color que quieras que domine.

Mezclador de Colores — Mezcla dos colores HEX en OKLab perceptual para puntos medios vivos, crea una rampa de 3-10 pasos y cópiala como linear- — **Mezclador de Colores**

¿Para qué es la vista previa de degradado?

La vista previa de degradado muestra transiciones suaves de color entre tus dos colores:

Qué Muestra:
- Múltiples pasos de color de Color 1 a Color 2
- Distribución uniforme a través del espectro
- Cada paso es una proporción de mezcla diferente

Usos:
- Fondos de degradado
- Estados de botón (hover, active)
- Indicadores de progreso
- Animaciones de carga

¿Cuándo debo usar mezcla de colores vs generación de colores?

Elige la herramienta correcta según tus necesidades:

Mezclador de Colores - Usar Cuando:
- Tienes dos colores específicos para mezclar
- Creas transiciones entre colores de marca
- Encuentras punto medio entre colores
- Generas variantes de color

Generador de Paleta de Colores - Usar Cuando:
- Empiezas desde cero
- Quieres colores complementarios
- Generas paletas aleatorias
- Exploras armonías de color