Ir para o conteudo

Seletor de Cores

Selecione cores e converta entre formatos HEX, RGB e HSL.

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

Paleta de cores

Complementar

Análogo

Triádico

Verificador de contraste

Com texto preto

Razão: 5.71:1

AA Texto normal: Pass

AA Texto grande: Pass

AAA Texto normal: Fail

AAA Texto grande: Pass

Com texto branco

Razão: 3.68:1

AA Texto normal: Fail

AA Texto grande: Pass

AAA Texto normal: Fail

AAA Texto grande: Fail

Seletor de Cores: Encontre Códigos de Cor HEX, RGB e HSL

Escolher as cores certas é essencial para design web, design gráfico e desenvolvimento de interfaces. Nosso seletor de cores online gratuito permite selecionar visualmente qualquer cor e obter instantaneamente seu código nos formatos HEX, RGB e HSL.

A ferramenta exibe simultaneamente três formatos de cor padrão da indústria. Códigos HEX (como #3B82F6) são o formato mais comum em CSS e HTML. Valores RGB especificam os componentes vermelho, verde e azul na escala 0-255. HSL fornece uma forma intuitiva de entender e manipular cores.

Entender formatos de cor é fundamental para trabalho de design profissional. HEX é compacto e amplamente suportado. RGB oferece controle direto sobre canais individuais. HSL é o formato mais intuitivo.

Cada valor de cor pode ser copiado para a área de transferência com um único clique, pronto para colar no seu CSS, ferramenta de design ou documentação.

FAQ

Compartilhar
PatrocinadoAnúncio

Design profissional facilitado com Canva

Crie logos, posts sociais, apresentações e mais com a simplicidade de arrastar e soltar.

FAQ

Qual é a diferença entre os formatos HEX, RGB e HSL?+
HEX usa um código hexadecimal de 6 caracteres (#RRGGBB). RGB especifica valores vermelho, verde e azul de 0-255. HSL usa matiz (0-360 graus), saturação (0-100%) e luminosidade (0-100%).
Como converto uma cor HEX para RGB?+
Divida o código HEX em pares e converta cada par de hexadecimal para decimal. #3B82F6 = rgb(59, 130, 246). Esta ferramenta faz a conversão automaticamente.
Qual é o melhor formato de cor para CSS?+
HEX é o mais usado em CSS. No entanto, HSL é cada vez mais popular por facilitar a criação de variações de cor.
Como encontro o código de cor exato de um site?+
Use as ferramentas de desenvolvedor do navegador (F12) para inspecionar elementos e encontrar valores de cor no CSS.
O que significa HSL e quando devo usá-lo?+
HSL significa Matiz, Saturação, Luminosidade. Use quando quiser criar paletas de cores com saturação e luminosidade consistentes.

Ferramentas mais populares