Seletor de cores
Envie uma imagem para extrair sua paleta dominante automaticamente, clique em qualquer pixel com o conta-gotas para valores exatos, e copie HEX/RGB/HSL com um toque — pegar emprestado um esquema de cores de um grande trabalho nunca foi tão direto.
Clique para escolher ou arraste imagens aqui
Você também pode colar capturas de tela
Paleta de cores dominantes + conta-gotas por pixel. Análise local, sem uploads
Grandes esquemas de cores raramente são inventados do nada — são emprestados do mundo real: o degradê laranja quente de uma foto de pôr do sol, as cores em choque de um pôster, a paleta de interface de um produto bem feito. Veja uma boa combinação, tire uma captura, solte-a — a paleta decompõe essa estrutura de cores instantaneamente.
Com as cores dominantes em mãos, HSL é o formato mais conveniente para expandi-las: trave matiz e saturação, suba a luminosidade para um estado hover, baixe para ativo. Ou fixe a luminosidade e desloque o matiz para criar uma cor secundária combinando. Muito mais controlável que micro-ajustar HEX às cegas.
Desenvolvedores frontend podem colar valores diretamente em variáveis CSS ou configuração Tailwind. Ao amostrar cores de marca oficiais de materiais de marca, verifique com o conta-gotas clicando em vários lugares — digitalizações impressas frequentemente carregam leves mudanças de cor, e o pixel mais limpo vive no centro de uma área sólida.