TudoFerramentasTudoFerramentas

Color Picker

Escolha uma cor e obtenha os códigos em HEX, RGB e HSL na hora, prontos para copiar. Ideal para CSS e design.

HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)

Sobre o Color Picker

Esta ferramenta permite escolher uma cor e obter os códigos correspondentes em HEX, RGB e HSL, prontos para copiar. É útil no dia a dia de CSS, design e desenvolvimento.

Como usar

  1. Escolha a cor no seletor ou digite um código HEX.
  2. Veja os valores em HEX, RGB e HSL.
  3. Copie o formato que precisar.

Perguntas frequentes

Qual a diferença entre HEX, RGB e HSL?
HEX e RGB descrevem a cor pela quantidade de vermelho, verde e azul. HSL descreve por matiz, saturação e luminosidade, o que facilita ajustar tonalidades e criar variações da mesma cor.
Posso usar esses códigos no CSS?
Sim. Os três formatos são aceitos diretamente no CSS. Basta copiar o valor e usar em propriedades como color, background ou border.

Ferramentas relacionadas — Web