Texto de exemplo Sample
Guia da ferramenta de cores
1
Escolha uma cor principal com o seletor ou as predefinições, ou ajuste com os controles HSLA
2
Os valores de cada espaço de cor aparecem em tempo real abaixo — clique para copiar
3
Escolha um esquema para gerar uma paleta, ou envie uma imagem para extrair uma
🎨O que faz
- Conversão de espaços de cor: HEX/RGB/HSL/HSV/CMYK/LAB/LCH/XYZ
- Esquemas: complementar / análoga / tetrádica / gradientes de luminosidade e saturação
- Extrai uma paleta de uma imagem e dá sugestões de contraste para o texto
💡Dicas
- LAB/LCH são perceptualmente uniformes — ótimos para gradientes suaves
- As sugestões de contraste ajudam a avaliar se o texto está legível
- Clique em uma amostra para copiar seu valor direto no seu design
Design, front-end e ilustração muitas vezes precisam converter entre notações de cor, gerar esquemas ou tirar cores de uma referência. Esta ferramenta faz tudo, com precisão.
🔒 Tudo é calculado localmente no seu navegador; as imagens enviadas são analisadas localmente e nunca enviadas ao servidor — sem instalação nem cadastro.