Ferramentas de cores

Seletor de cores visual com conversão HEX, RGB, HSL, HSV, CMYK, HWB e CIE LAB. Entradas bidirecionais, verificador de contraste WCAG e saída em variáveis CSS - Seletor de cores online grátis.

Digite qualquer cor HEX ou RGB e encontre instantaneamente a cor nomeada mais próxima entre mais de 300 nomes CSS, X11 e Pantone. Pesquise pelo nome ou navegue pelo banco completo - Buscador de nomes de cores online grátis.

Calcule a proporção de contraste WCAG 2.1 e verifique a conformidade AA/AAA para texto normal, texto grande e componentes de interface - prévia ao vivo, entrada HEX e RGB. Verificador de contraste online grátis.

Calcule a diferença perceptual de cores (ΔE 2000 / CIEDE2000) entre duas cores - informe valores HEX ou RGB e obtenha a pontuação Delta-E com comparação visual e detalhamento CIE L*a*b*. Calculadora de diferença de cores online grátis.

Gere tons (misturados com branco) e sombras (misturadas com preto) a partir de qualquer cor base - 5 a 12 etapas, variáveis CSS, configuração do Tailwind e exportação em lista HEX. Gerador de tons e sombras online grátis.

Referência pesquisável de todos os tokens de cor do Material Design 3 (Material You) - papéis de cor, paletas tonais, nomes de variáveis CSS e valores dos temas claro/escuro. Clique em qualquer amostra para copiar.

Crie gradientes CSS lineares, radiais e cônicos visualmente: escolha paradas de cor, defina posições, selecione a direção e copie o valor CSS de background na hora. Até 8 paradas - gerador de gradientes de cor online grátis.

Misture duas cores quaisquer em uma proporção personalizada nos modos sRGB, Linear ou Oklab: veja o resultado em HEX, RGB, HSL e HSV com uma prévia de gradiente de 11 passos. Misturador de cores online grátis.

Converta qualquer valor em kelvin (1000 K-10000 K) na cor RGB e HEX aproximada: escala interativa, 12 fontes de luz predefinidas e detalhamento dos canais RGB. Conversor de temperatura de cor online grátis.

Converta qualquer paleta de modo claro em equivalentes para modo escuro com verificação de contraste WCAG: três modos de adaptação e exportação para variáveis CSS e configuração do Tailwind. Adaptador de modo escuro online grátis.

Pesquise, filtre e copie as 148 cores nomeadas do CSS com valores HEX, RGB e HSL. Filtre por 12 famílias de cor - referência de cores nomeadas do CSS online grátis.

Descubra o que cada cor principal significa no marketing e no design: associações psicológicas, contexto cultural, usos de marca e dicas de design para 12 famílias de cor. Com busca. Referência de psicologia das cores online grátis.

Converta HEX em HSL, RGB em HSL e entre todos os formatos de cor na hora. Entradas bidirecionais: HEX, RGB, HSL, HSV e valores de canal individuais. Calculadora de HEX para HSL online grátis.

Pesquise e copie as cores de marca de mais de 200 grandes marcas: Apple, Google, Meta, Nike e muitas outras. Valores HEX e RGB, 10 categorias de setor - consulta de cores de marca online grátis.

Gere cores aleatórias com um clique: mostra HEX, RGB, HSL, CMYK e HWB. Bloqueie matiz, saturação ou luminosidade. Defina faixas mínimas e máximas. Gere até 50 cores em lote - gerador de cores aleatórias online grátis.

Roda de cores interativa: clique em qualquer posição para explorar harmonias complementares, análogas, triádicas, tetrádicas e monocromáticas com exportação para variáveis CSS. Explorador de harmonias de cores online grátis.

Gere uma roda de cores SVG ou PNG personalizada para qualquer luminosidade e saturação. Escolha entre 7 predefinições, ajuste o número de segmentos e o raio interno e baixe na hora - gerador de roda de cores online grátis.

Converta os 213 códigos de cor RAL Classic em HEX e RGB. Pesquise por código RAL, nome da cor em inglês ou alemão, ou valor HEX. Filtre por categoria - conversor de RAL para HEX online grátis.

Converta referências Pantone PMS em valores HEX e RGB/HSL aproximados para design digital. Pesquise por código, nome ou valor HEX - conversor de Pantone para HEX online grátis.

Converta rgba() em HEX8 e hsla() em rgba(), e veja prévias da mistura sobre fundo branco, preto e personalizado, com gerador de escala de opacidade. Conversor de opacidade alfa online grátis.

Galeria selecionada com mais de 110 fundos em gradiente CSS: navegue por estilo (pôr do sol, oceano, neon, escuro, pastel e mais) e copie o valor CSS de background com um clique. Biblioteca de fundos em gradiente online grátis.