HueOdysseyfondo#F7F6F9
Crea tu paleta gratuita
Describe el sitio web o la interfaz que estás diseñando. Obtén una paleta semántica local y continúa en el editor para validarla, ajustarla y exportarla.
Siete roles semánticos Validación de contraste WCAG CSS, Tailwind y PNG
Dirección actual
Sitio Web Moderno Para
Validador activo · contraste de texto WCAG comprobado
superficie#FFFFFF
secundario#CA7DAD
principal#7527CE
acento#62E740
atenuado#6D6379
texto#171817
Una forma más tranquila de crear01Funciones claras 02Contraste seguro 03Lista para publicar
Haz que la siguiente dirección parezca inevitable.
Una paleta semántica convierte las decisiones de color en un sistema que tu producto puede utilizar de verdad.
Cada color tiene un único trabajo.
El texto sigue siendo legible.
Copia los tokens directamente.