Extensão conta-gotas para Chrome, Edge e Firefox
Pegue uma cor de qualquer ponto de uma página ou cole qualquer código de cor e copie como HEX, RGB, HSL ou OKLCH com um clique. Extraia a paleta de um site inteiro e exporte como CSS, Tailwind ou design tokens.
Grátis, sem conta, funciona offline.
O que faz
- Conta-gotas
- Pega a cor de qualquer pixel da página e copia o valor na hora no seu formato.
- Entende qualquer cor
- Cole HEX, rgb(), hsl(), oklch(), uma classe do Tailwind como sky-500, código Swift ou Flutter ou um nome como azul-marinho.
- Entrega todos os formatos
- HEX, RGB, HSL e OKLCH lado a lado, cada um copiado com um clique. O formato que você escolher vira o padrão.
- Paleta de um site
- Reúne as cores e as variáveis CSS da página aberta, junta as quase iguais e coloca as mais usadas primeiro.
- Exportação
- Copia a paleta da página como variáveis CSS, um bloco @theme do Tailwind, SCSS, JSON, design tokens ou SVG.
- Histórico
- Suas cores recentes esperam na janela da extensão. Elas ficam só neste navegador.
Permissões
A extensão pede quatro permissões e nunca acesso a todos os sites. Cada uma tem uma só função.
activeTab- Acesso à aba aberta, e só depois que você clica no ícone da extensão ou usa o atalho.
scripting- Roda o pequeno script que lê as cores dessa página quando você pede a paleta ou pega uma cor.
storage- Guarda suas cores recentes e seu formato preferido neste navegador.
clipboardWrite- Copia a cor ou o código que você pediu.
O que ela nunca pede
Acesso a todos os sites · Seu histórico de navegação ou a lista de abas · Análise, anúncios ou rastreamento · Código baixado da internet
Atalho de teclado
Pressione Alt+Shift+P em qualquer página para pegar uma cor sem abrir a janela. Você pode mudar o atalho nas configurações de extensões do navegador.
Perguntas e respostas
A extensão PickShade é grátis?
Sim. O conta-gotas, todos os formatos, a paleta da página, a exportação e o histórico são grátis, sem conta e sem anúncios.
Por que ela não lê algumas páginas?
Os navegadores não deixam nenhuma extensão ler as próprias páginas, como configurações, a página de nova aba e as lojas de extensões. Nelas a janela continua convertendo as cores que você cola, e no Chrome e no Edge o conta-gotas também funciona.
A extensão envia minhas cores para algum lugar?
Não. As cores são calculadas dentro da extensão com a mesma matemática CSS Color 4 do pickshade.com. Nada vai para um servidor e o histórico fica no seu navegador.
Como funciona o conta-gotas no Firefox?
O Firefox não tem conta-gotas embutido para extensões, então o PickShade tira uma captura da parte visível e mostra uma lupa. Clique em um pixel ou mova a lupa com as setas e pressione Enter.