O que é Misturador de cores?

Misture duas cores com um controle de proporção e veja o resultado em tempo real. Gera valores HEX, RGB e HSL que você pode copiar direto para seu código ou ferramenta de design.

Como usar

1. Passo 1 — Selecione a primeira cor usando o seletor de cores ou insira o seu valor HEX.
2. Passo 2 — Selecione a segunda cor e ajuste o controle deslizante de proporção para controlar a mistura (0% = primeira cor pura, 100% = segunda cor pura).
3. Passo 3 — Visualize o resultado da mistura com os seus códigos de cor e copie os valores de que precisa.

Resultado

Um designer mistura o azul da marca (#2196F3) com branco (#FFFFFF) a 30% para criar um tom suave (#A1C9F8) para estados de hover num kit de interface.

Ferramentas relacionadas