Conversor de cores
Formatos de cor
#6366F1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
R: 99 G: 102 B: 241
Paleta de cores
Complementar
Análogas
Triádicas
Perguntas frequentes
O que convém saber sobre a conversão de cores
Qual é a diferença entre RGB e HSL?
O RGB (vermelho, verde, azul) define as cores como mistura de três canais de luz, com valores de 0 a 255 em cada um. O HSL (matiz, saturação, luminosidade) é mais intuitivo: matiz de 0 a 360 graus, saturação e luminosidade de 0 a 100%. Os designers preferem muitas vezes o HSL por ser mais fácil de manipular.
Como funcionam as cores complementares?
A cor complementar fica a 180 graus na roda das cores. As cores complementares criam o contraste máximo e usam-se no design para chamar a atenção. O complementar do azul é o laranja, do vermelho é o ciano, do verde é o magenta.
O que são cores análogas e triádicas?
As cores análogas ficam lado a lado na roda (a cerca de 30 graus) e criam harmonias suaves e naturais. As triádicas ficam à mesma distância umas das outras (120 graus) e formam um triângulo na roda, dando combinações vivas e equilibradas.
Posso usar o formato HEX em CSS?
Sim, o HEX é o formato mais usado em CSS e no design web. A forma de 6 caracteres (#RRGGBB) é suportada por todos os navegadores. Também pode usar a abreviatura de 3 caracteres (#RGB) quando cada par tem dígitos iguais. O conversor mostra ainda RGB e HSL, ambos válidos em CSS.
Que formatos de cor converte a ferramenta?
Parte de um código HEX, escrito por extenso ou na forma curta de três dígitos, e devolve o valor RGB e o valor HSL da mesma cor, os três prontos a copiar.
De onde vêm as cores da paleta?
A paleta sai de rodar o matiz da cor de partida: a complementar a 180 graus, as análogas a 30 graus de cada lado, as triádicas a 120 e 240 graus. Clicar num tom torna-o a cor ativa.