Image Color Picker

Excelente

Seletor HEX

Ajuste HEX e compare HWB, HSL, HSV, RGB e OKLCH em um espaço tranquilo.

Seletor de cor HEX

Um seletor de cor HEX, seis modelos de cor

Insira um código de cor HEX e veja instantaneamente os valores correspondentes em RGB, HSL, HSV, HWB e OKLCH. Mova um controle deslizante e as seis representações sincronizam em tempo real. O código HEX e o hash de URL sincronizam juntos, permitindo favoritar ou compartilhar qualquer cor em segundos.

Conversão HEX para RGB em tempo real

Insira uma cor HEX como #3b82f6 e os valores RGB são atualizados instantaneamente. O localizador HEX também aceita códigos abreviados de três dígitos.

Localizador de código HEX com compartilhamento de URL

A cada ajuste de cor, o hash de URL é atualizado automaticamente, tornando este localizador de código HEX em um favorito compartilhável. Envie o link para membros da equipe e eles verão exatamente a mesma cor.

Seis modelos de cor sincronizados

HEX, RGB, HSL, HSV, HWB e OKLCH são todos atualizados juntos. Mudar de modelo nunca perde a cor — perfeito para tokens de design e variáveis CSS.

Interface do seletor de cor HEX mostrando controles deslizantes para os modelos HSL, RGB e OKLCH

Localizador de código de cor

Encontrar qualquer código de cor — HEX, RGB, HSL, OKLCH

Este localizador de código de cor cobre todos os padrões usados em web design, desenvolvimento de aplicativos e impressão digital. HEX é o formato padrão para CSS e HTML. RGB é o formato nativo das telas. HSL é o formato legível para designers. OKLCH é o próximo formato perceptual no CSS Color Level 4. Todos os quatro disponíveis simultaneamente — copie o que se adaptar ao seu fluxo de trabalho.

Localizador de código de cor com valores HEX, RGB, HSL e OKLCH para um azul vivo
Seletor de cor HTML com valores de código de cor HEX e RGB prontos para CSS

Seletor de cor HTML

Seletor de cor HTML para CSS e web design

Seja escrevendo estilos inline, definindo tokens de design ou mantendo uma biblioteca de variáveis CSS, este seletor de cor HTML fornece o código exato de que você precisa. Ajuste visualmente o matiz, a saturação e a luminosidade, depois copie o código de cor HEX ou o valor CSS rgb() diretamente para sua folha de estilos.

  • Gerar instantaneamente valores CSS válidos: hex, rgb(), hsl(), hwb() e oklch().
  • A sincronização do hash de URL permite salvar e compartilhar qualquer cor como favorito do navegador.
  • Um indicador de gamut sinaliza cores que existem apenas em Display-P3 e estão fora do sRGB.
  • Funciona offline — sem chamadas de API, sem dependência de servidor.

Seletor RGB

Seletor RGB com controles deslizantes de precisão

Seletor RGB com três controles deslizantes de canal independentes para vermelho, verde e azul

Canais RGB dedicados

Três controles deslizantes independentes R, G e B para misturar cores canal por canal. O seletor RGB mostra valores decimais e códigos HEX em tempo real enquanto você arrasta.

Seletor RGB com conversão ao vivo entre valores de canal RGB e código de cor HEX

RGB para HEX e vice-versa

Cole um código HEX conhecido para ver imediatamente a decomposição RGB, ou ajuste os controles do seletor RGB para encontrar o código HEX de um tom personalizado. Nenhum conversor separado necessário.

Seletor RGB com comparação lado a lado de amostras de gamut sRGB e Display-P3

Seletor RGB com suporte de gamut amplo

Alterne entre os gamuts sRGB e Display-P3 para ver se a cor escolhida pode ser reproduzida em telas de gamut amplo. Ambas as amostras são atualizadas lado a lado.

Perguntas frequentes

Perguntas sobre o seletor de cor HEX