Seletor de cores e gerador de paletas grátis
Escolha cores, converta entre HEX/RGB/HSL e gere paletas harmoniosas.
RGB
HSL
Mais formatos
Contraste WCAG
Cor nomeada mais próxima: dodgerblue · Texto preto é mais fácil de ler aqui (5,71:1)
Tons e matizes (50–950)
Paleta de cores
Complementar
Triádico
Análogo
Monocromático
Usos comuns
- Selecionador de Cores para Design WebEscolher e gerar cores para seu site — obter valores HEX, RGB e HSL mais paletas harmoniosas.
- Selecionador de Cores para MarcaConstruir sua paleta de cores de marca — selecionar cores primárias, secundárias e de destaque que funcionam juntas.
- Selecionador de Cores para Redes SociaisCriar paletas de cores atraentes para postagens, histórias e designs de perfil de redes sociais.
- Selecionador de Cores para Design de ImpressãoEscolher cores para materiais impressos — panfletos, cartões de visita, brochuras — com visualizações de cores precisas.
- Selecionador de Cores para ApresentaçõesProjetar esquemas de cores de slides — escolher cores de texto legíveis, paletas de gráficos e tons de destaque consistentes.
Como funciona
Tudo funciona diretamente no seu navegador usando matemática de conversão escrita à mão — sem biblioteca de cor, sem ida e volta ao servidor. Você escolhe uma cor via a entrada de cor nativa do navegador ou a EyeDropper API, e a ferramenta a converte instantaneamente em seis formatos enquanto também calcula proporções de contraste WCAG e gera paletas de harmonia.
- 1Entrada de cor via API nativaVocê escolhe uma cor através do widget integrado <input type="color"> do navegador, ou — em navegadores baseados em Chromium — a EyeDropper API permite que você amostre qualquer pixel da sua tela. Ambos os caminhos devolvem uma string hexadecimal que se torna a única fonte da verdade.
- 2Conversões de formato escritas à mãoA ferramenta converte o valor hexadecimal em RGB, HSL, HSV, CMYK, e OKLCH usando as suas próprias funções matemáticas (sem biblioteca externa). A conversão OKLCH lineariza os canais sRGB, aplica a matriz de raiz cúbica OKLab, depois deriva chroma e ângulo de matiz — correspondendo à saída moderna do CSS Color Level 4.
- 3Cálculo do rácio de contraste WCAGA luminância relativa é calculada a partir dos canais RGB linearizados usando a fórmula WCAG 2.x. A ferramenta depois calcula rácios de contraste contra branco puro e preto puro e rotula-os AA-grande, AA, AAA, ou Falha de acordo com os limiares WCAG (3:1, 4,5:1, 7:1).
- 4Geração de paleta de harmonia e salvaguarda localAs amostras complementares, triádicas, análogas, e monocromáticas são derivadas rodando ou avançando matematicamente os valores de matiz e luminosidade HSL. As paletas salvas são escritas em localStorage no seu navegador — nada sai do seu dispositivo.
Ferramentas relacionadas
Gerador de cores aleatórias
Gere cores aleatórias uma de cada vez ou em uma paleta de cinco, bloqueie as que você gostar, copie valores HEX, RGB ou HSL e exporte a paleta como PNG ou CSS.
Conversor de cores
Converta cores entre os formatos HEX, RGB, HSL, HSV e CMYK instantaneamente. Inclui uma escala de luminosidade e amostras predefinidas.
Extrator de Paleta de Cores de Imagem
Extraia as cores dominantes de qualquer imagem usando quantização de cores k-means. Obtenha os códigos hex das 2 a 16 cores principais da sua foto ou logotipo.