Ferramentas de design

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.

Gere códigos QR escaneáveis para URLs, WiFi, vCards e texto simples e baixe como SVG ou PNG. Gerador de código QR online grátis.

Crie banners de prévia social (imagem OG) em 1200×630 px com texto, cores e layouts personalizados - Gerador de imagem OG online grátis.

Gere um favicon PNG ou SVG a partir de iniciais, de uma única letra ou de qualquer emoji, sem enviar imagens. Baixe todos os tamanhos padrão (16 px a 512 px) - Gerador de favicon a partir de texto online grátis.

Converta texto em arte ASCII grande e estilizada usando fontes no estilo FIGlet: 6 estilos de fonte, 4 conjuntos de caracteres, largura personalizada e opção de copiar ou baixar como .txt - Gerador de arte ASCII online grátis.

Insira até 12 cores com rótulos personalizados e baixe um cartão de amostras em PDF pronto para imprimir: A4 ou Letter, 2/3/4 colunas, valores HEX/RGB/HSL e rótulo dentro ou abaixo. Gerador de cartão de amostras online grátis.

Crie cartões de visita frente e verso com nome, cargo, empresa, telefone, e-mail, site e redes sociais. Escolha entre 4 modelos, ajuste cores e fontes e baixe um PDF para impressão com marcas de corte. Designer de cartão de visita online grátis - sem cadastro.

Crie gráficos de linha do tempo horizontais com datas, marcos, descrições e categorias codificadas por cor. Adicione linhas para trilhas paralelas. Exporte como PNG ou PDF. Criador de linha do tempo online grátis - sem cadastro.

Gere modelos de meme em branco a partir de qualquer imagem: adicione espaços de texto no topo e na base com tamanho da fonte, contorno, sombra e maiúsculas personalizáveis. Escolha entre 6 formatos de meme predefinidos ou crie o seu. Baixe em PNG pronto para compartilhar ou copie para a área de transferência. Gerador de modelos de meme online grátis - sem cadastro.

Veja a prévia dos 38 estilos de cursor CSS padrão ao passar o mouse e copie a declaração CSS com um clique - Testador de cursores CSS online grátis.

Veja a prévia de comportamentos de animação CSS acionados pela rolagem (fade-in, slide-up, escala, desfoque) com ajustes configuráveis e copie o código CSS + JS - Prévia de animações de rolagem online grátis.

Cole qualquer valor de cor CSS (hex3, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab() ou uma cor nomeada) e receba todos os formatos equivalentes na hora. Converta folhas de estilo inteiras com um clique. Conversor de formatos de cor CSS online grátis.

Reduza o tamanho de um arquivo de fonte mantendo apenas os caracteres Unicode que sua página realmente usa, algo essencial para Core Web Vitals. Compatível com TTF, OTF, WOFF e WOFF2. Redutor de fontes online grátis.

Cole uma sequência de caracteres e extraia apenas esses glifos em um arquivo de fonte mínimo: ideal para logotipos, fontes de ícones e rótulos de interface. Gera um trecho CSS com unicode-range. Redutor de fontes por glifos online grátis.

Remova todos os glifos não latinos de fontes TTF e OTF: reduz fontes grandes CJK ou multi-idioma em 80% a 95% para sites apenas em inglês. Analisa binários OpenType no navegador. Redutor de fontes apenas latinas online grátis.