Seletor e conversor de cores

Escolha uma cor e converta entre HEX, RGB, HSL e HSV, com um histórico das suas cores recentes mantido no seu dispositivo.

Pré-visualização

#2563eb · rgb(37, 99, 235) · hsl(221.21, 83.19%, 53.33%)

Pré-visualização

Qualquer cor CSS

Experimente #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) ou um nome como teal.

RGB

HSV

HSL

Cores recentes

Ainda não há cores salvas. Salve a cor atual ou copie um valor para iniciar a lista.

Como usar

Escolha uma cor com a amostra, o campo HEX ou digitando qualquer cor CSS no campo de texto livre.
Os campos RGB, HSL e HSV são sincronizados: altere qualquer um deles e os outros são atualizados instantaneamente.
Use os botões de copiar para copiar o valor exatamente no formato de que você precisa.
Salve a cor atual na lista de cores recentes e clique em uma amostra salva para reaplicá-la depois.

Observações

Todas as conversões são executadas no seu navegador; as cores escolhidas nunca são enviadas a um servidor. As cores recentes são armazenadas apenas no localStorage deste dispositivo e podem ser apagadas a qualquer momento. O campo de texto livre aceita #hex, rgb(), hsl() e um pequeno conjunto de cores nomeadas, como teal.

Perguntas frequentes

Qual é a diferença entre HSL e HSV?: No HSL, L é a luminosidade: a cor mais viva fica no meio do caminho entre o preto (0%) e o branco (100%). No HSV, V é o valor: 100% é a cor pura mais brilhante. Use o modelo em que seu fluxo de trabalho se baseia.
A transparência (alfa) é compatível?: Este seletor trabalha com cores opacas. Se você colar um valor com alfa, como #rrggbbaa ou rgba(), apenas a parte RGB será usada.