Ad: top-banner (728x90)
Ad: top-banner (320x50)
Seletor de Cores
Selecione cores e converta entre HEX, RGB, HSL
Seus dados nunca saem do seu dispositivoHEX
#059669RGB
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)
Ad: sidebar (300x600)
Ad: sidebar (300x250)
Ad: mid-banner (728x90)
Ad: mid-banner (300x250)
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.
Ad: sidebar (300x600)
Ad: sidebar (300x250)