Misturador de Cores
Misture duas cores com proporção ajustável. Veja o resultado em HEX, RGB e HSL com pré-visualização de gradiente e etapas intermediárias. Grátis, 100% no seu navegador.
Referência
Como funciona a mistura de cores?
Esta ferramenta usa interpolação linear RGB para misturar cores. Cada canal RGB (vermelho, verde, azul) é mesclado independentemente com base na proporção da mistura. Em 0% você obtém a Cor 1, em 100% a Cor 2, e em 50% uma mistura igual. Este é o modelo padrão de mistura de cores aditivas usado no design digital — difere da mistura subtrativa (como tinta) onde azul + amarelo = verde.
Modelos de mistura de cores
Aditiva (RGB) — usada em telas e design digital. Vermelho + Verde = Amarelo, Vermelho + Azul = Magenta, Verde + Azul = Ciano. Esta ferramenta usa mistura aditiva. Subtrativa (CMYK) — usada em impressão e tinta. Ciano + Magenta = Azul, Ciano + Amarelo = Verde. Mistura HSL — interpola matiz, saturação e luminosidade separadamente, às vezes produzindo resultados perceptualmente mais uniformes.
Casos de uso comuns
Design systems — criar cores intermediárias entre cores da marca. Gradientes — pré-visualizar etapas de gradiente antes de codificá-las em CSS. Temas — gerar cores de estado hover e active misturando com branco ou preto. Visualização de dados — criar escalas de cores misturando duas cores extremas. Arte — experimentar com combinações de cores digitais.
Privacidade
Todos os cálculos são executados 100% no seu navegador. Nenhum dado é enviado a qualquer servidor.