HueOdysseyfondo#F9F9F6
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
Paleta Con Verde Bosque
Validador activo · contraste de texto WCAG comprobado
superficie#FFFFFF
secundario#96CA7D
principal#C1A733
acento#4057E7
atenuado#797563
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.