Seletor de Cores

Escolha qualquer cor e converta instantaneamente entre os formatos HEX, RGB e HSL. Copie códigos de cor com um clique. Grátis, instantâneo e privado.

GrátisSem cadastro100% PrivadoÚltima atualização: Março 2026
#3498DB
HEX: #3498DB
RGB: rgb(52, 152, 219)
HSL: hsl(204, 70%, 53%)

O que é um seletor de cores?

Um seletor de cores permite que você escolha uma cor e obtenha sua representação nos formatos HEX, RGB e HSL usados em desenvolvimento web e design.

Códigos HEX como #3498db são padrão em CSS. Valores RGB como rgb(52, 152, 219) são usados em CSS e programação. Valores HSL como hsl(204, 70%, 53%) mapeiam intuitivamente para a percepção humana de cores.

O Seletor de Cores do TweakFiles funciona inteiramente no seu navegador. Todas as conversões usam matemática pura, então os resultados são precisos e instantâneos.

Formatos de cor explicados

Códigos HEX são padrão em CSS. RGB é usado em CSS e programação. HSL mapeia intuitivamente para como os humanos pensam sobre cores.

Como usar o seletor de cores em 3 passos

1

Escolha ou insira uma cor

Use o seletor de cores ou digite valores HEX/RGB/HSL. Todos os formatos se sincronizam bidirecionalmente.

2

Veja todos os formatos

A amostra de pré-visualização mostra sua cor. Os valores HEX, RGB e HSL são atualizados instantaneamente.

3

Copie e use

Clique em Copiar ao lado de qualquer formato. Cole no CSS, em ferramentas de design ou editores de código.

TweakFiles vs Outros seletores de cores

RecursoTweakFilesGoogle Color PickerColorHexa
PreçoGrátis para sempreGrátisGrátis (com anúncios)
Privacidade100% no navegadorServidores do GoogleProcessado no servidor
HEX / RGB / HSLTodos três, sincronizadosHEX + RGB + HSLTodos os formatos
Copiar para a área de transferênciaUm clique por formatoSeleção manualSeleção manual
Entrada bidirecionalSim (edite qualquer campo)LimitadaSomente por URL
AnúnciosNenhumNenhumMúltiplos
Cadastro necessárioNãoNãoNão

Perguntas frequentes

Insira o código HEX e os valores RGB são atualizados instantaneamente.
RGB mistura 3 canais de luz (0-255). HSL usa Matiz (0-360°), Saturação (0-100%), Luminosidade (0-100%).
Sim, cole em qualquer campo e os outros são atualizados automaticamente.
Sim, usando as fórmulas padrão do Módulo de Cor CSS.
Sim, todos os cálculos acontecem no seu navegador.