Saltar para o conteúdo

Seletor de cor online

Escolha uma cor visualmente e obtenha instantaneamente seu valor em HEX, RGB e HSL.

É processado no seu dispositivo. Nada é enviado para nenhum servidor.

Pick a color to see its values.

HEX

#0B6E63

RGB

rgb(11, 110, 99)

HSL

hsl(173, 82%, 24%)

Escolha uma cor visualmente com o seletor nativo do navegador e obtenha instantaneamente o seu valor em HEX, RGB e HSL.

Usa o input nativo type="color" do navegador e calcula automaticamente os seus equivalentes nos três formatos de cor mais usados em CSS.

Casos de uso

  • Escolher rapidamente uma cor e copiar o seu código CSS.
  • Explorar visualmente diferentes tons.
  • Obter os três formatos da mesma cor de uma só vez.

Como funciona

  1. 1

    Abra o seletor

    Clique na amostra de cor para abrir o seletor nativo.

  2. 2

    Copie o formato que precisar

    Copie o valor em HEX, RGB ou HSL com um clique.

Perguntas frequentes

Que formatos oferece?

HEX, RGB e HSL simultaneamente, cada um com o seu próprio botão de cópia.

Em que difere do gerador de cores aleatórias?

Este seletor serve para escolher você mesmo uma cor concreta de forma visual; se quiser uma cor ao acaso com um clique, use o gerador de cores aleatórias.

Funciona no telemóvel?

Sim, usa o seletor de cor nativo do sistema, que no telemóvel abre como o seletor de cor habitual do iOS ou Android.

A cor escolhida é enviada a algum servidor?

Não, todo o cálculo de formatos ocorre no seu navegador.

Cores e design