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.
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.Gerador de paleta de cores para gráficosGere cores distintas para gráficos e painéis de dados e confira o contraste e a diferenciação visual.Simulador de daltonismoVisualize aproximações para deuteranopia, protanopia e tritanopia e identifique combinações que precisam de revisão.Conversor de cores: HEX, RGB, HSL e OKLCHDigite HEX, RGB ou HSL na ferramenta principal e copie HEX, RGB, HSL e OKLCH pelo inspetor.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 variáveis de cores CSSGere propriedades personalizadas CSS a partir de uma paleta e copie-as para sua folha de estilos ou arquivo de tokens.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.Guia de mapeamento de tema shadcnGere uma paleta na ferramenta principal e atribua manualmente suas cores às variáveis semânticas do seu projeto shadcn.Gerador de cores TailwindGere uma escala de onze tons, de 50 a 950, na ferramenta principal e exporte uma configuração Tailwind v3.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.