Esta ferramenta funciona no meu navegador?

Sim. O seletor de cores funciona inteiramente no seu navegador sem comunicação com servidores. Todas as conversões acontecem localmente no seu dispositivo.

Quais formatos de cor são suportados?

Esta ferramenta suporta os formatos de cor HEX, RGB, HSL e HSB. Você pode inserir um valor em qualquer formato e ver imediatamente os equivalentes em todos os outros.

Posso selecionar uma cor da minha tela?

Sim. Em navegadores compatíveis, você pode usar o conta-gotas integrado para selecionar qualquer cor visível na sua tela.

Seletor de Cores

Selecione cores e converta entre HEX, RGB, HSL

Seus dados nunca saem do seu dispositivo

HEX

#059669

RGB

rgb(5, 150, 105)

HSL

hsl(161, 94%, 30%)

RGBA

rgba(5, 150, 105, 1)

Tons

Harmonias

Complementar

Análoga

Triádica

Complementar dividida

Verificador de Contraste

Primeiro plano (texto)

Fundo

Texto normal (16px)

Texto grande (24px negrito)

Proporção

21:1

Aprovado

AA Normal

4.5:1

Aprovado

AA Grande

3:1

Aprovado

AAA Normal

7:1

Aprovado

AAA Grande

4.5:1

Saída do código

Variável CSS

--color-custom: #059669;

Tailwind

emerald-600 (correspondência exata)

Perguntas Frequentes

Esta ferramenta funciona no meu navegador?

Sim. O seletor de cores funciona inteiramente no seu navegador sem comunicação com servidores. Todas as conversões acontecem localmente no seu dispositivo.
Quais formatos de cor são suportados?

Esta ferramenta suporta os formatos de cor HEX, RGB, HSL e HSB. Você pode inserir um valor em qualquer formato e ver imediatamente os equivalentes em todos os outros.
Posso selecionar uma cor da minha tela?

Sim. Em navegadores compatíveis, você pode usar o conta-gotas integrado para selecionar qualquer cor visível na sua tela.