Saltar para o conteúdo
QuickToolio
esEspañolenEnglishptPortuguêsfrFrançaisdeDeutschitItaliano

Seletor de cor online

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

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

Escolha uma cor para ver os seus valores.

HEX

#0B6E63

RGB

rgb(11, 110, 99)

HSL

hsl(173, 82%, 24%)

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.

Detalhes técnicos

  • Usa o seletor de cor nativo do navegador; no Chrome e no Edge de computador esse seletor inclui um conta-gotas para captar uma cor de qualquer ponto do ecrã.
  • Mostra a cor em HEX, RGB e HSL, cada um com o seu botão de copiar, pronto a colar em CSS ou num programa de design.
  • O HSL é arredondado a inteiros, por isso pode não devolver exatamente o mesmo HEX se o converter de volta; para CSS, o HEX ou o RGB são a referência exata.
  • Trabalha em sRGB sem transparência; para verificar se uma cor de texto se lê bem sobre o fundo, use o verificador de contraste.

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 manualmente 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.

Ferramentas relacionadas

← Cores e design