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

Interface Cyberpunk Para Um

Validação ativa · contraste de texto WCAG verificado

fundo#131B14

superfície#212B22

secundária#3E988F

principal#58DF5C

destaque#E240E7

atenuada#A2B3A3

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.