Misturador de cores

O que esta ferramenta faz

O misturador trabalha apenas com a notação de cor HEX padrão. Ele aceita HEX curto, como #F60, e HEX completo, como #FF6B35, normaliza os valores internamente e mostra cada resultado como código HEX de 6 dígitos em maiúsculas.

A mistura é uma interpolação linear simples nos canais RGB/sRGB:

1. Converter cada cor HEX em valores R, G e B de 0 a 255.
2. Para cada etapa, calcular t de 0 a 1.
3. Para cada canal, usar início + (fim - início) * t.
4. Arredondar cada canal para o inteiro mais próximo e converter o resultado de volta para HEX.

Como os extremos estão incluídos, 2 etapas significa “apenas início e fim”. Com 7 etapas de #FF6B35 até #1E3A8A, o resultado é:

Bons usos

• Rampas de estado de UI: crie cores intermediárias para hover, ativo, selecionado ou desativado.
• Planejamento de gradientes: defina os stops HEX exatos antes de escrever um gradiente CSS em outra ferramenta.
• Variações de ícones e ilustrações: mantenha um pequeno conjunto de cores relacionadas consistente.
• QA de design: compare o ponto médio calculado por canal em vez de estimar visualmente.

Limites importantes

Este misturador não aceita rgb(), hsl(), nomes de cores, valores alpha nem HEX de 8 dígitos. Ele não exporta RGB, HSL, LAB, LCH, snippets CSS, verificações de contraste nem avaliações de acessibilidade. Se precisar disso, use um conversor, um verificador de contraste ou um gerador de gradientes depois de obter as etapas HEX.