Estúdio de Cores Online

Converta, crie paletas, verifique o contraste. Tudo em um só lugar.

Alterar Cor
#

Copiar código CSS

Acessibilidade e Contraste

Texto Branco

Título de Exemplo

Como este texto é lido no fundo?

4.5:1
AA ✔ AAA ✘
Texto Preto

Título de Exemplo

Como este texto é lido no fundo?

4.5:1
AA ✔ AAA ✘

Harmonias de Cores

Complementar

Tríade

Análoga

Tonalidades e Sombras

Tonalidades (Tints) Para o branco
Sombras (Shades) Para o preto

Espaços de Cores e Conversões

O que é CMYK?

Significa Ciano, Magenta, Amarelo, Preto (Key). Enquanto as telas (RGB) emitem luz para criar cores, as impressoras (CMYK) usam tinta. Verifique sempre os valores CMYK se estiver criando um layout para impressão.

RGB vs HEX

Tecnicamente ambos representam a mesma coisa. O código HEX é uma representação hexadecimal mais curta dos valores RGB. Os navegadores processam ambos os formatos na mesma velocidade.

Acessibilidade (Taxa de Contraste)

As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) exigem uma certa taxa de contraste entre o texto e o fundo.
Nível AA: Taxa de pelo menos 4.5:1 (para texto normal).
Nível AAA: Taxa de pelo menos 7:1 (alta legibilidade).

Esta ferramenta calcula automaticamente se o texto branco ou preto é mais legível quando colocado sobre a cor selecionada.

Configurações de Cookies

Usamos cookies e tecnologias LocalStorage para oferecer a melhor experiência, analisar o tráfego do site e salvar seus consentimentos legais (downloads de arquivos QR, etc.).

Detalhes