Misturador de Cores
Misture uma cor inicial com uma cor final em até 10 passos — pré-visualize o gradiente, obtenha cada tom e copie qualquer formato instantaneamente.
Escolha duas cores e um número de passos — cada tom intermédio é calculado instantaneamente no seu browser.
Sobre Misturador de Cores
O Color Mixer mistura duas cores entre si e mostra todos os passos intermédios. Escolha uma cor inicial e uma cor final, defina quantos tons intermédios pretende — até dez — e a ferramenta calcula a transição completa de forma instantânea, tanto em amostras individuais como numa pré-visualização de gradiente suave.
Dois modos de mistura controlam como o resultado é calculado. O RGB interpola cada canal em linha reta, o que é previsível e neutro, enquanto o HSL percorre o círculo cromático, mantendo os passos intermédios mais saturados e vivos. Trocar os dois extremos ou gerar cores aleatórias faz-se com um clique.
Toda a mistura acontece no seu navegador, sem qualquer servidor envolvido. É uma forma prática de responder a perguntas como "que cor fica a meio caminho entre azul e laranja", de construir escalas de cor graduadas para gráficos, ou de obter um gradiente CSS entre duas cores de marca.
Como usar Misturador de Cores
- Escolha uma cor inicial e uma cor final com os seletores, ou clique em "Cores aleatórias".
- Defina o número de passos intermédios, de 1 a 10.
- Escolha o modo de mistura: RGB para uma mistura linear ou HSL para uma mistura que preserva a matiz.
- Clique em qualquer tom para o copiar, ou use "Copiar tudo" para toda a escala.
- Use "Copiar gradiente CSS" para obter a transição como um gradiente pronto a colar.