Gere cores aleatórias e receba cada uma em HEX, RGB e HSL ao mesmo tempo. Bloqueie as cores que quer manter e volte a gerar as restantes até a paleta funcionar – um caminho rápido para um novo esquema de cores.
HEX, RGB e HSL – qual é a diferença?
O HEX é a notação compacta usada em CSS e nas ferramentas de design, por exemplo #8B5CF6. O RGB descreve a mesma cor como quantidades de vermelho, verde e azul de 0 a 255. O HSL exprime-a como matiz, saturação e luminosidade, o que o torna o mais fácil dos três para ajustar à mão.
Se quiser uma versão mais clara de uma cor, o HSL é o atalho: mantenha a matiz e a saturação e aumente a luminosidade. Clique em qualquer valor para o copiar para a área de transferência.
Monte uma paleta com bloqueios
Bloqueie uma cor de que goste e gere outra vez – só mudam as cores desbloqueadas. Bloquear uma cor de cada vez permite chegar a uma paleta coerente, em vez de gerar tudo de novo e voltar ao princípio.
As cores são geradas através do HSL, com a saturação e a luminosidade dentro de limites úteis, o que evita os cinzentos e castanhos lamacentos que os valores RGB completamente aleatórios costumam produzir.
Perguntas frequentes
- Como copio um código de cor?
- Clique no valor que quer – HEX, RGB ou HSL – e ele é copiado para a área de transferência.
- Posso guardar a minha paleta?
- Bloqueie as cores que quer manter e elas ficam quando gera de novo. Copie os códigos para as guardar de forma permanente.
