Carregando...
Informe uma cor em HEX, RGB ou HSL, ou selecione-a visualmente, para obter conversões exatas em todos os formatos. As harmonias de cores, como complementar, análogas e triádicas, são calculadas automaticamente.
Grátis, sem conta obrigatória, processamento no navegador e sem envio ao servidor.
Informe uma cor em HEX, RGB ou HSL, ou selecione-a visualmente, para obter conversões exatas em todos os formatos. As harmonias de cores, como complementar, análogas e triádicas, são calculadas automaticamente.
Formatos aceitos
HEX
#2F4A3F
CSS, HTML e layouts
RGB
rgb(47,74,63)
Desenvolvimento web tradicional
HSL
hsl(150,22%,24%)
Ajustes intuitivos de matiz, saturação e luminosidade
As harmonias são calculadas a partir da matiz em HSL. Para criar um visual acessível, confira o contraste das cores complementares: alguns pares, como verde e vermelho, são difíceis para pessoas com daltonismo.
Você tem um verde (#2F4A3F) e quer uma cor complementar para um botão de ação. A ferramenta calcula automaticamente um vermelho bordô (#4A2F3F). Teste o contraste para garantir a acessibilidade.