Misturador de cores
Misture 2 ou 3 cores em qualquer proporção, como tinta ou luz, ou crie uma transição de até 10 passos entre duas cores. Copie HEX, RGB, HSL ou CMYK.
Escolha 2 ou 3 cores e defina quanto de cada uma entra: a cor misturada é calculada instantaneamente no seu browser. Clique no resultado ou em qualquer valor para o copiar.
Escolha duas cores e um número de passos: cada tom intermédio é calculado instantaneamente no seu browser.
Sobre Misturador de cores
O Misturador de cores mostra a cor que obtém ao misturar duas ou três cores. Escolha as cores, defina quanto de cada uma entra na mistura e a cor resultante aparece de imediato com os valores HEX, RGB, HSL e CMYK, juntamente com uma barra de receita que mostra a parte de cada cor.
Três modelos de mistura respondem a perguntas diferentes. Tinta mistura como pigmentos reais, por isso azul e amarelo dão verde e um pouco de preto vai longe. Luz faz a média das cores como os ecrãs e as luzes coloridas as combinam, por isso vermelho e verde dão amarelo. Percetual faz a média no espaço OKLab usado pelo CSS color-mix(), para resultados suaves e uniformes em trabalho de UI e design.
Uma segunda vista, Passos de mistura, faz a transição de uma cor inicial para uma cor final através de até dez tons intermédios, em RGB ou HSL, com uma pré-visualização do gradiente e um gradiente CSS pronto a colar. Tudo corre no seu navegador, sem servidor.
Como usar Misturador de cores
- Abra a vista "Misturar cores" e escolha duas cores, ou junte uma terceira com "Adicionar uma cor".
- Defina a quantidade de cada cor: a percentagem ao lado mostra a sua parte na mistura.
- Escolha o modelo de mistura: Tinta, Luz ou Percetual.
- Clique na cor misturada ou em qualquer um dos seus valores para o copiar, ou use "Copiar receita" para guardar as proporções.
- Mude para "Passos de mistura" para criar um gradiente de até 10 tons entre duas cores.