HueOdysseyfundo#F8F9F6
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
Cafeteria Japonesa Moderna E
Validação ativa · contraste de texto WCAG verificado
superfície#FFFFFF
secundária#7DCA7D
principal#99CE27
destaque#8940E7
atenuada#727963
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.