Seletor de cor
Escolher cores e obter códigos HEX, RGB, HSL
Funciona no seu browser
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Cores rápidas
O que é um seletor de cor?
Um seletor de cor online permite escolher cores e obter códigos em vários formatos (HEX, RGB, HSL). Útil para designers e programadores.
Casos de uso
- Escolher cores para design web ou app
- Obter códigos HEX, RGB, HSL para CSS
- Encontrar cores para marca ou projeto
- Converter entre formatos de cor
Quando usar?
Use para escolher cores, obter códigos ou converter formatos. Muito útil para designers web, UI/UX e frontend.
Exemplos
Um azul de marca
Entrada
#1A6CF5
Saída
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
Uma cor de destaque quente
Entrada
#F4A261
Saída
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Perguntas e respostas
Qual é a diferença entre HEX, RGB e HSL?
Descrevem a mesma cor de formas diferentes. HEX é a forma compacta usada em CSS, RGB indica os valores de vermelho, verde e azul de 0 a 255, e HSL usa matiz, saturação e luminosidade, o que facilita criar tons mais claros ou mais escuros.
Como copio um código de cor?
Escolha uma cor e depois use o botão de copiar junto ao valor HEX, RGB ou HSL de que precisa.
Porque é que converter de volta a partir de HSL pode dar uma cor ligeiramente diferente?
Os valores HSL são arredondados a números inteiros, por isso convertê-los de volta para HEX pode resultar numa diferença de um passo.