Seletor de Cores
Escolha uma cor e obtenha os valores em vários formatos instantaneamente.
Dicas para Trabalhar com Cores
HEX vs RGB vs HSL
HEX é o mais comum em design web (CSS, HTML). RGB é padrão para telas. HSL permite ajustar tom, saturação e luminosidade de forma intuitiva.
CMYK para impressão
Se seu design será impresso, verifique os valores CMYK. As cores de tela nem sempre correspondem à impressão.
Acessibilidade e contraste
Garanta contraste suficiente entre texto e fundo. O WCAG recomenda pelo menos 4,5:1 para texto normal e 3:1 para texto grande.
Criar uma paleta de cores
Use os controles HSL para criar combinações harmoniosas. Mantenha o tom e varie saturação e luminosidade, ou gire o tom 30° para cores análogas.
Casos de Uso Comuns
Escolha cores de marca, obtenha valores HEX ou RGB prontos para CSS e garanta consistência.
Encontre a cor exata de uma referência e converta para CMYK para impressão ou RGB para tela.
Reproduza as cores da marca com precisão em slides, relatórios e materiais de marketing.
Crie temas visuais coesos reutilizando cores exatas em publicações e stories.
Visualize cores de tintas ou móveis antes de comprar — compare valores HEX com catálogos de tintas.
Entenda como HEX, RGB, HSL e CMYK se relacionam experimentando conversões em tempo real.
Perguntas Frequentes
Qual é a diferença entre HEX, RGB e HSL?
HEX is a compact six-character code used in web development (e.g. #2563EB). RGB defines colors by their red, green, and blue components (0–255 each). HSL describes color by hue (0–360°), saturation (0–100%), and lightness (0–100%), making it easier to adjust colors intuitively.
Quando devo usar CMYK em vez de RGB?
Use CMYK para impressão (folhetos, cartões, pôsteres) e RGB para telas (sites, apps, vídeos). As cores podem mudar, então sempre verifique o CMYK antes de imprimir.
Posso digitar um código de cor diretamente?
Sim. Você pode digitar ou colar um código HEX, ou inserir valores RGB, HSL ou CMYK. O seletor e os demais formatos se atualizam automaticamente.
O que significa o formato RGB (int)?
RGB (int) é uma representação inteira onde os valores vermelho, verde e azul são empacotados em um único número. É usado em alguns ambientes de programação.
Meus dados são enviados a um servidor?
Não. Todos os cálculos de cores acontecem inteiramente no seu navegador. Nenhum dado é transmitido a nenhum servidor.
Posso salvar ou baixar a cor?
Sim. Você pode baixar a cor como imagem PNG ou copiar qualquer formato (HEX, RGB, HSL, CMYK) com um clique.