Dirección actual

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

Plataforma De Analítica Precisa

Validador activo · contraste de texto WCAG comprobado

fondo#F8F6F9

superficie#FFFFFF

secundario#CA7DBA

principal#8E27CE

acento#57E740

atenuado#706379

texto#171817

Navegación de la vista previa de ejemplo

Una forma más tranquila de crear

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.

01Funciones claras

Cada color tiene un único trabajo.

02Contraste seguro

El texto sigue siendo legible.

03Lista para publicar

Copia los tokens directamente.