HueOdysseyfundo#F6F6F9
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 Elegante E Inclusiva
Validação ativa · contraste de texto WCAG verificado
superfície#FFFFFF
secundária#AD7DCA
principal#2748CE
destaque#C6E740
atenuada#636779
texto#171817
Uma forma mais tranquila de criar01Funções claras 02Contraste seguro 03Pronta para publicar
Faça a próxima direção parecer inevitável.
Uma paleta semântica transforma decisões de cor em um sistema que seu produto pode usar de verdade.
Cada cor tem uma única tarefa.
O texto continua legível.
Copie os tokens diretamente.