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

Marca De Moda Independente

Validação ativa · contraste de texto WCAG verificado

fundo#F9F9F6

superfície#FFFFFF

secundária#87CA7D

principal#C5CE27

destaque#6240E7

atenuada#787963

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.