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

Portfólio Cinematográfico Com Interface

Validação ativa · contraste de texto WCAG verificado

fundo#1A1B13

superfície#2B2B21

secundária#44983E

principal#DDDF58

destaque#405CE7

atenuada#B3B3A2

texto#F7F7F2

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.