Seletor de Cores Online

Conta-Gotas Grátis e Preciso para Capturar Qualquer Cor

Com essa ferramenta online, você pode obter o código de cor RGB, HSL ou HEX de qualquer ponto de uma imagem. Clique abaixo para inserir uma imagem e depois selecione qualquer ponto para obter a cor exata.

Ícone para fechar imagem

Clique aqui para inserir uma imagem

Aumentar zoom Diminuir zoom

PONTO DO MOUSE

COR SELECIONADA

Código de cor: O que é e para que serve

Códigos de cor são representações numéricas que descrevem cores no ambiente digital. Eles permitem que computadores, celulares, softwares de edição e navegadores exibam exatamente o mesmo tom em qualquer tela. Existem diferentes modelos de cores, sendo os mais comuns o RGB, HSL e HEX. Cada um possui um formato específico para representar e manipular cores.

O que é RGB?

O RGB é um sistema de cores aditivas que combina três cores-luz: Red (vermelho), Green (verde) e Blue (azul). Ele é amplamente utilizado em telas como monitores, televisores, câmeras digitais e smartphones.

Cada cor é definida por três valores numéricos que variam de 0 a 255, representando a intensidade de cada componente. Ao misturar essas intensidades, é possível formar milhões de cores diferentes.

Exemplos: RGB(255, 0, 0) representa o vermelho puro, RGB(0, 0, 0) representa o preto e RGB(255, 255, 255) representa o branco.

O que é HSL?

O HSL significa Hue (tom), Saturation (saturação) e Lightness (luminosidade). Ele é uma forma mais intuitiva de representar cores quando se deseja fazer ajustes visuais, especialmente no design.

No modelo HSL:

  • Hue (Tom): medido em graus (0° a 360°) no círculo cromático, define a cor base.
  • Saturation (Saturação): medida em porcentagem, indica a intensidade da cor (0% = cinza, 100% = cor viva).
  • Lightness (Luminosidade): também medida em porcentagem, determina o quão clara ou escura é a cor (0% = preto, 50% = cor normal, 100% = branco).

Exemplo: HSL(0, 100%, 50%) é vermelho puro.

O que é HEX?

O HEX é um formato muito usado em desenvolvimento web para representar cores de forma compacta. Ele utiliza seis dígitos hexadecimais (0–9 e A–F) precedidos pelo símbolo #.

A estrutura é dividida em três pares:

  • Os dois primeiros dígitos representam o vermelho.
  • Os dois seguintes representam o verde.
  • Os dois últimos representam o azul.

Exemplo: #FFFFFF é branco puro, #000000 é preto e #FF0000 é vermelho puro.