Roda de cores
Crie temas de cores em uma roda interativa com regras de harmonia estilo Adobe.
Como usar
- Escolha uma regra de harmonia como análogo, tríade ou personalizado.
- Arraste uma alça da roda para girar o tema ou mover uma cor no modo personalizado.
- Ajuste o brilho, bloqueie as cores que deseja manter e copie as variáveis JSON ou CSS.
Perguntas frequentes
Como funcionam as regras de harmonia?
Cada regra mantém as cinco alças em ângulos fixos de matiz; arrastar uma alça gira todo o grupo em torno dessa cor. O modo personalizado permite mover cada alça independentemente.
Como o controle de brilho se comporta?
Ele atualiza o valor de todas as cores desbloqueadas de uma vez. Editar um swatch muda apenas essa cor até você mover o brilho novamente.
Ferramentas relacionadas
Gerador de paletas de cores
Crie paletas de cores harmoniosas com modos aleatório, análogo, complementar e triádico.
Conversor de cores
Converta cores entre HEX, RGB, HSL e HSV instantaneamente.
Verificador de contraste de cores
Verifique taxas de contraste WCAG para texto e interface acessíveis.
Simulador de daltonismo
Veja como imagens aparecem para os tipos comuns de daltonismo.
Gerador de gradientes de cor
Crie gradientes lineares CSS com cores e direções personalizadas.
Gerador de tons de cor
Gere escalas de tons claros e escuros com variáveis CSS exportáveis.