Paleta de colores

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.

Prueba también

Torre de coloresEl juego de paletas de colores: apila bloques en degradadoColor de la suerte de hoyTu color de la suerte diario según tu signoForma de rostroDescubre tu forma de cara, cortes y lentes ideales
Ver todas las herramientas gratis →

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.