Paletas

Paleta de colores para páginas web (CSS)

Paletas pensadas para diseñar páginas web e interfaces. Cada una incluye su código HEX y puedes copiar el CSS listo para pegar. Toca un color para copiarlo, guarda tus favoritas o ábrelas en el editor para ajustarlas.

Cómo elegir colores para una página web

En una interfaz suele bastar con un color primario de marca, un color de acento para acciones (botones, enlaces) y una escala de grises para fondos, bordes y texto. Mantén la coherencia usando siempre los mismos códigos HEX y aplícalos con variables CSS.

Copiar la paleta en CSS

Cada tarjeta tiene un botón para copiar el CSS con los cinco colores. Pégalo en tu hoja de estilos y ajusta los nombres de las variables a tu proyecto. También puedes copiar cada color individual tocándolo.

Contraste y accesibilidad

Antes de publicar, comprueba que el texto se lea bien sobre el fondo. Usa el verificador de contraste para asegurar que cumples los niveles AA o AAA de la WCAG; es clave para la accesibilidad y para el SEO.

¿Quieres crear la tuya desde cero? Prueba el generador de paletas, saca una paleta de una imagen o comprueba el contraste de colores.