¿Cómo mezclo dos colores y veo todos los intermedios?
Mezclador de colores: elige dos colores, mueve la proporción de mezcla (0-100%), ve el resultado más una franja de 11 paradas intermedias.
Dos modos de mezcla: OKLCH (perceptual, interpolación limpia) y RGB (clásico, a veces con puntos medios turbios).
Ideal para mezclar colores de marca, escoger intermedios y enseñar teoría del color.
Cómo usarlo
- Elige "Color A" y "Color B": HEX, picker nativo.
- Elige el modo: OKLCH (recomendado) o RGB. OKLCH conserva la luminosidad percibida durante la mezcla, RGB es matemáticamente clásico.
- El deslizador 0-100% fija la proporción de B en la mezcla. 0% = A, 100% = B, 50% = igualada.
- La franja de 11 paradas muestra el gradiente completo entre A y B. Pulsa para copiar el HEX.
- "Detalles" = mezcla actual en 4 formatos (HEX, RGB, HSL, OKLCH).
Cuándo es útil
Dónde se nota el mezclador de colores - escenarios típicos:
- Mezcla de colores de marca: dos colores de marca, necesitas un intermedio para un botón de transición.
- Estado hover: base del botón + 50% blanco = hover más claro.
- Pares de modo oscuro: color de modo claro + color de modo oscuro, el mezclador muestra la transición suave.
- Enseñanza de teoría del color: ver cómo "azul + amarillo en RGB" sale gris turbio, mientras que "azul + amarillo en OKLCH" sale verde limpio: prueba concreta de por qué OKLCH es mejor para gradientes.
- Arte generativo: los mezcladores son la base del dithering, el blending y el layer compositing.
- Pre-diseño: ¿no estás seguro del color de acento?, mezcla dos y revisa los intermedios.
Preguntas y respuestas
OKLCH tiene uniformidad perceptual: una mezcla al 50% se ve al 50%. RGB 50% azul + amarillo = (128,128,128) gris, que NO parece 50% azul + 50% amarillo. La mezcla OKLCH al 50% entre azul y amarillo da un verde limpio: perceptualmente "en medio".