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

Landing Page De Producto

Validador activo · contraste de texto WCAG comprobado

fondo#F9F8F6

superficie#FFFFFF

secundario#96CA7D

principal#CEAA27

acento#4040E7

atenuado#797463

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.