Pular para o conteúdo
🛠️ToolsShed

Misturador de Cores

Misture duas cores e veja os resultados em RGB, HEX e HSL.

A 50% / B 50%
#6366f1
#855fdb
#a857c5
#ca50af
#ec4899

Sobre esta ferramenta

Color Mixer é uma ferramenta simples mas poderosa para misturar duas cores e explorar os resultados em múltiplos formatos. Seja você um designer escolhendo paletas de cores da marca, um desenvolvedor construindo esquemas de cores para interfaces, ou um artista experimentando harmonias de cor, esta ferramenta mostra instantaneamente os valores RGB, HEX e HSL de qualquer combinação de cores sem necessidade de software gráfico ou cálculos matemáticos.

Para usar a ferramenta, selecione ou cole duas cores usando os seletores de cor ou os campos de entrada HEX, depois ajuste a proporção de mistura usando o controle deslizante para controlar quanto de cada cor influencia o resultado final. O misturador atualiza em tempo real, exibindo a saída misturada ao lado de todos os três formatos de cor, facilitando copiar valores exatos para uso em código, arquivos de design ou projetos digitais. Você também pode inverter as cores ou ajustar canais RGB individuais para controle mais fino.

Perguntas Frequentes

Implementação 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.