Seletor e conversor de cores
Escolha uma cor, cole um código ou clique numa imagem para ver a cor em todos os formatos, com paletas combinando e teste de contraste.
- Escolha uma cor, um código ou uma imagem
- Veja em HEX, RGB, HSL, HSV e CMYK
- Copie códigos e paletas ou teste o contraste
Seus arquivos nunca saem do seu dispositivo
Os formatos de cor
- HEX: o código de seis dígitos do web design e do CSS (#14183d).
- RGB: valores de vermelho, verde e azul de 0 a 255, usados em telas.
- HSL e HSV: matiz, saturação e luminosidade ou valor, fáceis de ajustar à mão.
- CMYK: porcentagens de ciano, magenta, amarelo e preto usadas na impressão.
Montar uma paleta
- Cores complementares ficam opostas e dão contraste forte.
- Cores análogas ficam lado a lado e passam calma e harmonia.
- Cores triádicas ficam igualmente espaçadas e dão um visual equilibrado e vivo.
- Clique em qualquer amostra para torná-la a cor atual e copiar seus códigos.
Texto legível (WCAG)
Escolha as cores do texto e do fundo e a ferramenta calcula a taxa de contraste. Busque pelo menos 4,5:1 para texto comum e 3:1 para títulos grandes (nível AA); 7:1 atende ao nível AAA, mais rigoroso.
Perguntas frequentes
Quais códigos de cor posso digitar?
HEX (#1e90ff ou 1e90ff), rgb(), hsl(), hsv(), cmyk() e nomes de cores CSS como navy ou tomato.
Como pego uma cor de uma foto ou logotipo?
Abra a imagem na seção «Capturar de uma imagem» e clique em qualquer ponto. A imagem fica no seu dispositivo.
O valor CMYK é exato para impressão?
É uma conversão matemática padrão. As cores impressas dependem do perfil da impressora; confira trabalhos importantes com a gráfica.
O que é a taxa de contraste?
Mede a legibilidade de um texto sobre um fundo. A WCAG exige pelo menos 4,5:1 para texto normal e 3:1 para texto grande (nível AA).
Como as paletas são criadas?
Girando o matiz no círculo cromático: complementar (180°), análoga (±30°) e triádica (120°), além de tons mais claros e mais escuros.
Posso capturar uma cor de qualquer lugar da tela?
Sim, nos navegadores compatíveis (como Chrome e Edge no computador) aparece um botão «Capturar da tela».