Ferramentas/Código & Desenvolvedor/Seletor de Cores

Seletor de Cores

Escolha cores e obtenha seus códigos.

100% no dispositivo · 0 uploads

Escolha uma cor:

Código HEX:

Código RGB:

01 · Ilimitado

Use quantas vezes quiser — totalmente grátis.

02 · Privado

Seus arquivos nunca saem do seu dispositivo; tudo roda no navegador.

03 · Rápido

O processamento é local e termina em segundos.

Como escolher e converter cores

Escolha uma cor

Arraste o seletor ou insira um valor para escolher qualquer cor.

Leia todos os formatos

Veja HEX, RGB, HSL e mais se atualizarem juntos na hora.

Copie o código que precisar

Um clique copia o formato que seu projeto usa.

Por que este seletor de cores?

✓HEX, RGB e HSL lado a lado

✓Cópia em um clique em qualquer formato

✓Pré-visualização ao vivo da cor exata

✓Grátis e instantâneo, sem cadastro

Perguntas frequentes

Quais formatos de cor são mostrados?+

HEX (#RRGGBB) para CSS e ferramentas de design, RGB para a maioria dos softwares gráficos, e HSL — que torna intuitivo criar variantes mais claras/escuras ajustando um só número.

Qual a diferença entre HEX e RGB?+

Descrevem a mesma cor de formas diferentes: HEX é compacto para código, RGB é explícito sobre os canais vermelho/verde/azul. A ferramenta mostra ambos para você copiar o que o contexto pede.

Por que HSL é útil para designers?+

HSL separa matiz, saturação e luminosidade — assim, montar uma paleta ou um estado hover é só ajustar a luminosidade, em vez de adivinhar novos valores HEX.

Suporta transparência?+

Os formatos base cobrem cores opacas; para alfa, acrescente a opacidade no seu CSS (ex.: rgba ou um HEX de 8 dígitos).