Seletor de Cores & Gerador de Paleta
O que esta ferramenta faz
Escolha qualquer cor usando o seletor nativo, os controles deslizantes HSL ou RGB, ou digitando um valor HEX, RGB ou HSL diretamente. Os três formatos atualizam em tempo real. O gerador de paleta cria esquemas de cores harmoniosos baseados na teoria das cores: complementar, análogo, triádico, tetrádico, sombras e tons. Clique em qualquer cor da paleta para carregá-la.
Como usar
- Escolha uma cor com o seletor, controles deslizantes ou digitando HEX/RGB/HSL.
- Clique em Copiar ao lado de qualquer formato para copiá-lo.
- Escolha um esquema de paleta com os chips no topo — a paleta atualiza automaticamente.
- Clique em uma cor da paleta para carregá-la. Clique em Salvar Cor para guardar.
Perguntas Frequentes
Quais formatos de cor esta ferramenta suporta?
HEX (ex.: #FF6B57), RGB (ex.: rgb(255, 107, 87)) e HSL (ex.: hsl(8, 100%, 67%)). Você pode digitar qualquer um deles nos campos de entrada e os outros formatos se atualizam automaticamente.
Qual é a diferença entre cores complementares e análogas?
Cores complementares ficam opostas na roda de cores — criam forte contraste. Cores análogas ficam adjacentes na roda — criam combinações harmoniosas e de baixo contraste.
Qual é a diferença entre shades e tints?
Shades são criadas adicionando preto a uma cor, deixando-a mais escura. Tints são criadas adicionando branco, deixando-a mais clara. Ambas mantêm o mesmo matiz e saturação.
Como copio um valor de cor?
Clique no botão Copy ao lado de qualquer formato (HEX, RGB ou HSL) para copiar esse valor para a área de transferência. Você também pode clicar em qualquer cor da paleta para carregá-la no seletor e então copiar o formato que precisar.
Onde minhas cores salvas ficam armazenadas?
As cores salvas ficam no localStorage do seu navegador. Elas persistem entre sessões, mas só ficam disponíveis no mesmo navegador e dispositivo. Passe o mouse sobre um swatch salvo e clique em × para removê-lo.