Seletor de Cores

Ambos representam as mesmas cores usando valores de Vermelho, Verde e Azul. HEX usa notação hexadecimal (#FF5733) enquanto RGB usa valores decimais (rgb(255, 87, 51)).

HEX é mais compacto e comumente usado em CSS e HTML. RGB é mais legível e mais fácil de entender à primeira vista. Ambos produzem cores idênticas - é puramente uma questão de preferência de notação.

HSL (Matiz, Saturação, Luminosidade) é comumente usado em CSS e desenvolvimento web. É suportado nativamente nos navegadores e facilita a criação de variações de cores ajustando a luminosidade.

HSV (Matiz, Saturação, Valor) é preferido em ferramentas de design como Photoshop e Figma porque corresponde à forma como percebemos o brilho das cores. O componente "Valor" representa o brilho de forma mais intuitiva do que a "Luminosidade" do HSL.

CMYK (Ciano, Magenta, Amarelo, Preto) é o modelo de cor padrão para design de impressão. Diferente do RGB que usa luz para criar cores em telas, o CMYK usa pigmentos de tinta para impressão física.

Se você está criando materiais para impressão - como folhetos, cartões de visita, pôsteres ou revistas - use valores CMYK para garantir reprodução precisa das cores. Isso evita que as cores fiquem diferentes quando impressas em comparação com sua tela.

A API Conta-Gotas está disponível apenas nos navegadores Chrome e Edge. Se você está usando Firefox, Safari ou outros navegadores, este recurso não estará disponível.

Esta é uma limitação do navegador, não da ferramenta. A API Conta-Gotas é um padrão web relativamente novo que ainda não foi adotado por todos os navegadores.

• Chrome (versão 95+) - Suportado
• Edge (versão 95+) - Suportado
• Firefox - Não suportado
• Safari - Não suportado

Você tem duas opções:

1. Use a ferramenta Conta-Gotas (apenas Chrome/Edge) - Clique no ícone do conta-gotas e selecione qualquer cor visível na sua tela, incluindo de outros sites, imagens ou aplicativos.
2. Digite o código HEX - Se você tem o código HEX da cor, digite-o diretamente no campo de entrada HEX. A ferramenta aceita formatos de 3 dígitos (#FFF), 6 dígitos (#FFFFFF) e 8 dígitos (#FFFFFFAA).

Não. Seus favoritos e histórico são armazenados no armazenamento local do seu navegador. Eles permanecem no seu dispositivo e não são enviados para lugar nenhum.

Isso significa:

• Seus dados de cores nunca saem do seu computador
• Nenhuma conta ou login necessário
• Privacidade completa - não podemos ver suas cores salvas
• As cores persistem entre as sessões do navegador no mesmo dispositivo

A opacidade controla o quão transparente uma cor é. 100% é totalmente opaco (sólido), 0% é totalmente transparente (invisível). Valores intermediários criam cores semi-transparentes.

Usos comuns para opacidade:

• Sobreposições - Fundos semi-transparentes sobre imagens
• Sombras - Sombras suaves com transparência parcial
• Designs em camadas - Empilhamento de elementos com efeitos transparentes
• Efeitos de hover - Mudanças sutis de transparência na interação
• Gradientes - Cores que desvanecem de opaco para transparente

O valor alpha está incluído nos formatos RGBA e HEX de 8 dígitos (#RRGGBBAA).

Sim! Clique no botão Copiar Tudo para copiar todos os formatos de cor para sua área de transferência. Cada formato estará em uma linha separada, pronto para colar no seu código ou documentação.

Exemplo de saída ao copiar todos os formatos:

HEX: #FF5733
RGB: rgb(255, 87, 51)
RGBA: rgba(255, 87, 51, 1)
HSL: hsl(9, 100%, 60%)
HSV: hsv(9, 80%, 100%)
CMYK: cmyk(0%, 66%, 80%, 0%)