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

Minimal Calm Website

Validador activo · contraste de texto WCAG comprobado

fondo#F9F6F6

superficie#FFFFFF

secundario#C8B589

principal#A95A42

acento#49D49D

atenuado#796863

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.