Ferramentas de cores e paletas

Ferramentas de cores e paletas

Explore 6.200+ paletas selecionadas ou gere as suas a partir de uma roda de harmonias, de um clima ou de uma única cor da marca — verifique o contraste WCAG, crie tons claros e escuros e exporte para variáveis CSS, Tailwind, SCSS, tokens JSON ou Figma.

Ferramentas de cores

Paletas com metadados

Cada paleta da biblioteca tem nome, clima, tipo de harmonia, temperatura e tom, para você filtrar pela sensação que procura em vez de rolar sem fim. Todas podem ser exportadas como CSS, SCSS, Tailwind, JSON ou um board para o Figma.

Gere paletas para interfaces reais

O Gerador de paletas foi feito para trabalhar com UI: roda de harmonias e predefinições de clima, modo de tema de UI com papéis semânticos, verificação de contraste WCAG em cada par e design tokens prontos para levar ao código.

Da imagem à paleta

Envie uma foto, um logotipo ou uma captura de tela e extraia as cores dominantes — com nomes, valores HEX/RGB/HSL/OKLCH e salvamento nas suas paletas em um clique.

Colors API e Palettes API

Converta cores, descubra os nomes e as harmonias delas ou busque na biblioteca de paletas por meio de uma API REST e de um servidor MCP gratuitos.

Perguntas frequentes

O gerador mostra o contraste WCAG AA/AAA para pares de texto e fundo enquanto você cria, e o Verificador de contraste avalia quaisquer duas cores.

Propriedades personalizadas CSS, variáveis SCSS, configuração do Tailwind, design tokens em JSON, amostras em PNG/SVG e um board pronto para colar no Figma.