Mezclador de Colores
Mezcla dos colores y ve los resultados en RGB, HEX y HSL.
Acerca de esta herramienta
Color Mixer es una herramienta simple pero potente para mezclar dos colores y explorar los resultados en múltiples formatos. Ya sea que sea un diseñador eligiendo paletas de colores de marca, un desarrollador construyendo esquemas de color para interfaces, o un artista experimentando con armonía de colores, esta herramienta le muestra instantáneamente los valores RGB, HEX y HSL de cualquier combinación de colores sin necesidad de software gráfico ni cálculos matemáticos.
Para usar la herramienta, seleccione o pegue dos colores usando los selectores de color o los campos de entrada HEX, luego ajuste la proporción de mezcla usando el control deslizante para controlar cuánto de cada color influye en el resultado final. El mezclador se actualiza en tiempo real, mostrando la salida mezclada junto con los tres formatos de color, lo que facilita copiar los valores exactos para usar en código, archivos de diseño o proyectos digitales. También puede invertir los colores o ajustar los canales RGB individuales para un control más preciso.
Preguntas Frecuentes
Implementación de Código
# RGB linear interpolation color mixing
def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
hex_color = hex_color.lstrip('#')
return tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4))
def rgb_to_hex(r: int, g: int, b: int) -> str:
return f"#{r:02x}{g:02x}{b:02x}"
def mix_colors(color_a: str, color_b: str, ratio: float = 0.5) -> str:
"""
Mix two hex colors.
ratio=0.0 -> pure color_a
ratio=0.5 -> equal mix
ratio=1.0 -> pure color_b
"""
r1, g1, b1 = hex_to_rgb(color_a)
r2, g2, b2 = hex_to_rgb(color_b)
r = round(r1 + (r2 - r1) * ratio)
g = round(g1 + (g2 - g1) * ratio)
b = round(b1 + (b2 - b1) * ratio)
return rgb_to_hex(r, g, b)
# Generate gradient steps
def gradient_steps(color_a: str, color_b: str, steps: int = 5) -> list[str]:
return [mix_colors(color_a, color_b, i / (steps - 1)) for i in range(steps)]
print(mix_colors("#6366f1", "#ec4899", 0.5)) # #a7559d
print(gradient_steps("#6366f1", "#ec4899"))Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.