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

Paleta Con Rosa Empolvado

Validador activo · contraste de texto WCAG comprobado

fondo#F9F6F7

superficie#FFFFFF

secundario#CAA37D

principal#CE275F

acento#40E7D1

atenuado#79636A

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.