Seletor de cores e paletas

Códigos HEX, RGB, HSL, CMYK, contraste de acessibilidade, tonalidades e harmonias: tudo para escolher as suas cores.

Os formatos de cor

FormatoExemploOnde usar
HEX#6D5EF0Sites, programas de design
RGBrgb(109, 94, 240)Ecrãs, CSS, edição de fotografia
HSLhsl(247, 83%, 65%)Criar variantes mais claras ou mais escuras
CMYK55% 61% 0% 6%Impressão (valor indicativo, sem perfil de cor)

O contraste, para um texto legível

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.

Criar uma paleta

No computador, o conta-gotas recolhe a cor de qualquer ponto do ecrã, se o seu navegador o permitir.

Perguntas frequentes

Como converto um código HEX em RGB?

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.

Que contraste é preciso para um texto legível?

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.

Os valores CMYK são exatos para impressão?

São indicativos: a conversão exata depende do perfil de cor da gráfica. Peça-lhe o perfil para um resultado fiel.

Ferramentas relacionadas

Os nossos outros sites:NetCheck - ferramentas de rede e DNSVolt - teste de velocidade da internetBoxo - e-mail temporário descartável