Códigos HEX, RGB, HSL, CMYK, contraste de acessibilidade, tonalidades e harmonias: tudo para escolher as suas cores.
| Formato | Exemplo | Onde usar |
|---|---|---|
| HEX | #6D5EF0 | Sites, programas de design |
| RGB | rgb(109, 94, 240) | Ecrãs, CSS, edição de fotografia |
| HSL | hsl(247, 83%, 65%) | Criar variantes mais claras ou mais escuras |
| CMYK | 55% 61% 0% 6% | Impressão (valor indicativo, sem perfil de cor) |
As diretrizes de acessibilidade da web (WCAG) exigem um contraste de pelo menos 4,5:1 para texto normal (nível AA) e 7:1 para o nível AAA. Um texto grande fica-se por 3:1. A ferramenta calcula o contraste da sua cor sobre branco e sobre preto: sabe logo se serve para texto.
No computador, o conta-gotas recolhe a cor de qualquer ponto do ecrã, se o seu navegador o permitir.
Cole o código HEX no campo: a ferramenta mostra de imediato o valor RGB, HSL e CMYK, cada um com um botão para copiar.
Pelo menos 4,5:1 entre o texto e o fundo para texto normal e 3:1 para um título grande. A ferramenta indica se a sua cor atinge esses limiares.
São indicativos: a conversão exata depende do perfil de cor da gráfica. Peça-lhe o perfil para um resultado fiel.