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

Site Moderno Para Um

Validação ativa · contraste de texto WCAG verificado

fundo#F8F9F6

superfície#FFFFFF

secundária#7DCA87

principal#99CE27

destaque#6740E7

atenuada#727963

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.