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

Dashboard Y Landing Page

Validador activo · contraste de texto WCAG comprobado

fondo#F9F6F9

superficie#FFFFFF

secundario#CA7D91

principal#CE27CB

acento#6DE740

atenuado#796378

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.