HueOdysseyfondo#F6F9F6
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 De Marketing
Validador activo · contraste de texto WCAG comprobado
superficie#FFFFFF
secundario#7DCAA6
principal#40CE27
acento#D140E7
atenuado#667963
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.