Direção atual

Crie sua paleta gratuita

Descreva o site ou a interface que você está criando. Receba uma paleta semântica local e continue no editor para validar, ajustar e exportar.

Sete funções semânticas Validação de contraste WCAG CSS, Tailwind e PNG

Direção atual

Dashboard E Landing Page

Validação ativa · contraste de texto WCAG verificado

fundo#F6F6F9

superfície#FFFFFF

secundária#C27DCA

principal#4E27CE

destaque#D1E740

atenuada#686379

texto#171817

Navegação da prévia de exemplo

Uma forma mais tranquila de criar

Uma paleta semântica transforma decisões de cor em um sistema que seu produto pode usar de verdade.

01Funções claras

Cada cor tem uma única tarefa.

02Contraste seguro

O texto continua legível.

03Pronta para publicar

Copie os tokens diretamente.