Online Tool Store
Mezclador de colores
Mezcla dos colores HEX en cualquier proporción con mezcla en luz lineal para un resultado natural, con salida HEX y RGB al instante en tu navegador.
🔒 Esta herramienta funciona totalmente en tu navegador. Tus archivos nunca se suben a un servidor.
Ejemplo mostrado: elige tus propios dos colores y la proporción.
Paleta generada
Colores de la paleta
Color A
Resultado mezclado
Color B
HEX mezclado
RGB mezclado
Cómo funciona el mezclador de colores
- Elige o escribe dos colores HEX: Color A y Color B.
- Arrastra el control de proporción hacia el color que quieras que domine la mezcla.
- La muestra mezclada, el código HEX, el valor RGB y la paleta escalonada generada se actualizan al instante al ajustar cualquier color o la proporción.
El método
Los canales rojo, verde y azul de cada color se convierten de sRGB con gamma a luz lineal, se mezclan según la proporción y luego se vuelven a convertir a sRGB para mostrarlos. Mezclar en espacio lineal evita el aspecto oscurecido y algo gris que se obtiene al promediar bytes sRGB directamente.
mixed = linearToSrgb(srgbToLinear(A) × (1 − t) + srgbToLinear(B) × t)
Ejemplo: mezclar #2F6FED (azul) y #FFD166 (dorado) al 50/50 da un tono medio cálido y equilibrado, no el gris parduzco plano que daría un promedio ingenuo de bytes. Elige 3, 5, 7 o 9 colores de paleta cuando necesites un rango reutilizable entre los extremos.
FAQ
¿Por qué una mezcla al 50/50 no parece un promedio simple de los dos valores RGB?
Esta herramienta mezcla colores en luz lineal en lugar de promediar bytes sRGB en bruto. Los valores sRGB están codificados con gamma para las pantallas, así que un promedio directo de dos bytes se ve bastante más oscuro y turbio que una mezcla real basada en luz: convertir a luz lineal, mezclar y volver a convertir da un resultado más natural.
¿Simula la mezcla física de pintura?
No. La mezcla de pintura es sustractiva y depende de la química de los pigmentos, que varía mucho entre pinturas. Esta herramienta mezcla luz (color aditivo), que es lo que obtienes al mezclar colores en una pantalla o en software de diseño, no pintura literal.
¿Puedo escribir un código HEX en lugar de usar el selector de color?
Sí. Escribe o pega un código HEX de 6 dígitos en cualquiera de los campos de texto y la muestra y el selector se actualizan.
¿Se guarda la proporción de mezcla si salgo de la página?
No. Todo se reinicia al recargar: el cálculo se ejecuta por completo en tu navegador y no se envía ni almacena nada.
¿Puedo exportar la paleta mezclada como variables CSS?
Sí. Una vez generada una paleta, puedes copiarla o descargarla como propiedades personalizadas CSS, listas para pegar en una hoja de estilos.
¿Cuántos colores puedo generar en la paleta?
Elige 3, 5, 7 o 9 pasos equiespaciados entre tus dos colores extremos, todos mezclados en luz lineal igual que la mezcla principal.
Cómo nos comparamos
| Función | Online Tool Store | colorxs.com | Adobe Color |
|---|---|---|---|
| Proporción de mezcla ajustable, no solo 50/50 | ✓ | Punto medio fijo | ✓ |
| Sin registro ni cuenta | ✓ | ✓ | Cuenta de Adobe |
| Se ejecuta por completo en tu dispositivo | ✓ | No indicado | No indicado |
Si quieres un control preciso de la proporción de mezcla entre dos colores con una vista previa instantánea y privada, el Color Mixer de Online Tool Store mantiene todo en tu dispositivo.