HueOdysseyfundo#F6F7F9
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
Paleta Com Creme
Validação ativa · contraste de texto WCAG verificado
superfície#FFFFFF
secundária#B07DCA
principal#275CCE
destaque#E7D140
atenuada#636A79
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.