Caminho da tarefa / da entrada ao resultado
Como misturar duas cores
- 01
Insira as duas cores
Preencha Primeira cor e Segunda cor com valores hexadecimais — #RGB, #RGBA, #RRGGBB e #RRGGBBAA são todos aceitos, então entradas translúcidas não são problema. O espaço de trabalho abre com #6D5EF8 contra #22C55E. Cores intermediárias · RGBA / HSL / HEX · Copiar todas as cores
- 02
Cálculo
Escolha o Método de cálculo: a mistura ponderada interpola canais sRGB codificados com alfa pré-multiplicado. A composição coloca a primeira cor sobre a segunda; a ordem importa e esse modo não mostra o controle de peso.
- 03
Misture as cores
Na mistura ponderada, ajuste o peso da segunda cor de 0% (só a primeira) a 100% (só a segunda) e pressione Misturar cores. Na composição, o mesmo botão sobrepõe as camadas. Alterar uma cor, o método ou o peso limpa o resultado anterior.
- 04
Leia o painel de resultado
HEX, RGBA, CSS e pré-visualização compartilham canais de 8 bits e alfa. A transparência é mostrada sobre a página; a saída mantém o alfa.
- 05
Experimente a mescla de exemplo
Pressione Carregar exemplo para misturar #F97316 com #7C3AED com um peso de 35% — um laranja quente derivando para violeta — para você ver o fluxo completo. Redefinir devolve o par padrão a 50%.
- 06
Copie ou baixe o resultado
Copie ou baixe toolars-color-mix.json com as duas cores de origem, o método, o espaço de cor sRGB, HEX, RGBA e uma declaração CSS. secondColorWeight é incluído apenas para mistura ponderada. Todas as formas de saída compartilham o mesmo resultado de 8 bits. Exporte o resultado atual. HEX / RGBA / HSL / JSON.