Seletor de cores
Escolha uma cor, ajuste os detalhes e copie o código no formato de que você precisa.
Lacrado neste dispositivo
Funciona no seu navegador. Nada é enviado.
Lacrado
Escolha uma cor
Códigos da cor
Tons claros e escuros
Tons mais claros de um lado, mais escuros do outro. Selecione um para usá-lo.
Como funciona
-
Escolha uma cor
Arraste na área de cor e no controle de matiz, digite um código que você já tem ou capture uma cor da tela.
-
Ajuste os detalhes
Ajuste a opacidade ou explore os tons claros e escuros da sua cor para encontrar uma variante mais clara ou mais escura.
-
Copie o código
Copie o valor HEX, RGB, HSL, OKLCH ou CMYK e cole no seu design, código ou documento.
Perguntas frequentes
Como capturar uma cor da tela?
Selecione “Capturar da tela” e clique em qualquer ponto da tela para capturar aquela cor. Esse conta-gotas está disponível no Chrome, no Edge e em outros navegadores baseados no Chromium em computadores. Em outros navegadores, a amostra de cor abre o seletor de cor do sistema, que muitas vezes tem o próprio conta-gotas.
Qual formato de cor devo usar?
O HEX é o mais comum no web design e funciona em qualquer lugar. RGB e HSL são práticos no CSS quando você quer ajustar os valores manualmente. O OKLCH é o formato CSS moderno que mantém a luminosidade constante entre as matizes. O CMYK é um ponto de partida para impressão.
Qual é a diferença entre um tom claro e um tom escuro?
Um tom claro é a sua cor misturada com branco, então ela fica mais clara. Um tom escuro é a sua cor misturada com preto, então ela fica mais escura. O seletor faz essas misturas em um espaço de cor perceptual, para que cada passo pareça igualmente espaçado.
Posso usar o seletor pelo teclado?
Sim. Coloque o foco na área de cor e use as setas do teclado para mudar a saturação e o brilho, segurando Shift para passos maiores. Os controles de matiz e de opacidade também funcionam com as setas.
Posso compartilhar uma cor?
Sim. O endereço da página é atualizado com a cor escolhida, então você pode salvá-lo nos favoritos ou enviar o link para alguém.