Chromoforge
Ferramentas de cores
Comece com uma cor ou uma imagem. Gere tons, confira um par de contraste e exporte as cores para seu projeto.
Usar uma ferramenta
PaletaComece com uma cor ou uma imagem. Gere tons, confira um par de contraste e exporte as cores para seu projeto.Extrator de cores de imagensExtraia uma paleta de cores dominantes de imagens PNG, JPG ou WebP. O processamento ocorre no navegador, sem envio da imagem.Gerador de tons de coresGere uma escala de 50 a 950 a partir de uma cor base para superfícies, bordas, estados de interação e modo escuro.Verificador de contraste WCAGConfira o contraste entre texto e fundo segundo os níveis AA e AAA das WCAG. Gratuito, imediato e sem envio de arquivos.Conversor de cores: HEX, RGB, HSL e OKLCHConverta HEX, RGB, HSL ou OKLCH em HEX, RGB, HSL e OKLCH na hora. Copie cada formato ou uma variável CSS. Grátis, local e sem conta.Gerador de variáveis de cores CSSGere variáveis CSS de uma cor: marca, texto legível e onze tons de 50 a 950. Copie ou baixe o CSS diretamente na página.Gerador de temas shadcn/uiCrie um tema shadcn/ui com cores primária, secundária e neutra. Prévia clara/escura e tokens OKLCH com @theme inline para Tailwind v4.Gerador de paletas TailwindGere três escalas Tailwind de 50 a 950. Prévia dos componentes e exportação @theme v4, configuração v3, variáveis CSS ou JSON.Gerador de paletas para gráficosGere paletas categóricas, sequenciais e divergentes para gráficos. Defina o fundo, confira o contraste e exporte JavaScript, JSON ou CSS.
Guias práticos
Gerador de paletas de cores acessíveisGere uma paleta na ferramenta principal e confira os pares de texto e fundo que pretende usar.Gerador de paleta de cores para marcasCrie uma paleta a partir de um logotipo ou de uma cor principal e exporte variáveis CSS e tokens de design para a interface.Simulador de daltonismoVisualize aproximações para deuteranopia, protanopia e tritanopia e identifique combinações que precisam de revisão.Gerador de harmonias de coresGere harmonias complementares, análogas, triádicas, complementares divididas, tetrádicas e monocromáticas.Gerador de paletas de coresGere paletas a partir de uma cor base com harmonias complementares, análogas, triádicas e monocromáticas.Guia de teoria das coresUm guia prático de harmonia, contraste WCAG e uso de paletas em interfaces, com exemplos de cores complementares, análogas e triádicas.Gerador de paleta para modo escuroCrie paletas para modo escuro com texto legível, superfícies, bordas e cores de destaque que você pode verificar.Gerador de tokens de designCrie tokens de cores a partir de uma paleta e exporte variáveis CSS, mapas SCSS, JSON e valores para Tailwind.Gerador de gradientes CSSCrie gradientes CSS lineares, radiais e cônicos com as cores geradas. Visualize ao vivo e copie o CSS.Gerador de esquema de cores para sitesCrie um esquema com cores principais, neutras e de destaque para seções, botões, cartões e formulários.
Paletas prontas para usar
Paleta de cores para dashboardsCopie três paletas para dashboards claros, escuros e gráficos categóricos. Veja códigos HEX, variáveis CSS e pares de contraste calculados.Paleta de cores pastel com códigos HEXTrês paletas de cores pastel para interfaces: pêssego e lavanda, verde suave, azul e rosa. Copie HEX e CSS e confira texto e fundo.Tons de azul: códigos HEX e combinaçõesConsulte oito tons de azul com HEX e RGB e copie três combinações para interfaces claras ou escuras. Veja prévias, CSS e contraste calculado.