Misturador de Cores
Cor
Escolha duas cores e uma proporção (0–100%). A ferramenta interpola entre elas no espaço escolhido — RGB pra matemática simples, HSL pra misturas que preservam o matiz, ou CIELAB pra transições perceptualmente uniformes — e mostra o resultado mais uma faixa de 11 passos. Útil pra escolher cores de acento intermediárias, gerar paradas de cor pra gradientes ou entender por que duas cores parecem turvas no meio (geralmente porque seu ponto médio RGB não está perceptualmente no meio).
Resultado
#8033B3
Mistura 11 passos
LAB dá o gradiente mais perceptualmente uniforme. RGB e HSL são rápidos mas podem parecer desiguais no meio.
Como usar
- Defina cor A e cor B (hex ou seletor).
- Escolha mistura RGB, HSL ou LAB.
- Deslize o slider ou leia a faixa de 11 passos.
Perguntas frequentes
- Por que misturas RGB ficam turvas no meio?
- RGB faz média dos valores de canal direto. De vermelho saturado pra azul saturado passa por ponto médio cinza-púrpura de baixa saturação porque o canal verde fica em 0. Tente HSL ou LAB pra manter mais saturação no meio.
- Quando usar LAB?
- LAB é perceptualmente uniforme — passos numéricos iguais parecem passos perceptuais iguais. Melhor pra design de gradiente quando suavidade importa. CSS `color-mix(in lab, …)` faz o mesmo em navegadores modernos.
- O que acontece com matiz no HSL quando as cores são opostas?
- HSL pega o arco mais curto da roda de cores. Misturar vermelho (0°) e ciano (180°) é ambíguo — a ferramenta escolhe uma direção; se o resultado surpreender, tente LAB.
- Por que meu 50% não está exatamente no meio visualmente?
- Só LAB dá resultado perceptualmente no meio. Pontos médios RGB e HSL são matematicamente no meio, o que costuma ser perceptualmente mais próximo da mais escura das duas extremidades.
Ferramentas relacionadas
Simulador de Daltonismo
Veja como sua imagem se parece para pessoas com cada um dos 8 tipos de deficiência visual cromática (CVD).
Gerador de CSS Box Shadow
Desenhe box-shadow CSS visualmente em várias camadas, com pré-visualização ao vivo e saída CSS / Tailwind pronta para copiar.
Conversor de Formatos de Cor
Converta qualquer cor entre HEX, RGB, HSL, HSV, OKLCH e uma variável CSS.
Gerador de Gradientes CSS
Crie gradientes CSS lineares ou radiais com várias paradas de cor e copie o código.
Gerador de Paleta de Cores
Crie paletas harmoniosas a partir de uma cor base em seis esquemas.
Verificador de Contraste de Cor
Verifique o contraste texto/fundo nos níveis WCAG AA e AAA.