HueOdyssey
Abrir navegación
Español
Guía práctica de la paleta

Paletas de colores cyberpunk

Explora paletas de colores cyberpunk con siete roles semánticos, contraste accesible, una vista previa de interfaz y valores HEX listos para CSS.

background#09090B
surface#18181B
secondary#06B6D4
primary#8B5CF6
accent#F43F5E
muted#A1A1AA
text#FAFAFA

Por qué funciona esta paleta

Una dirección cyberpunk gana fuerza sobre fondos oscuros y superficies contenidas. Limita los neones a acciones, estados y datos importantes para que el contraste siga siendo útil.

Los siete colores se distribuyen entre acción principal, apoyo secundario, acento, fondo, superficie, texto y contenido atenuado. Ese reparto convierte la paleta en algo más útil que un moodboard.

Cómo utilizarla

Prioriza una sola acción

Utiliza el color principal para llamadas a la acción y enlaces, no para cada elemento decorativo.

Protege el contraste de lectura

Mantén el texto sobre fondos y superficies que cumplan WCAG AA.

Reserva el acento

El acento funciona mejor en etiquetas, destacados y momentos que necesitan atención.

Direcciones relacionadas

Preguntas frecuentes

¿Puedo utilizar estos colores en un proyecto comercial?

Sí. Los valores HEX son datos de color, no recursos con licencia. Adapta la paleta a la interfaz y al contexto de tu marca.

¿Cumple la paleta los requisitos WCAG?

El rol de texto se comprueba sobre el fondo y la superficie. Vuelve a verificar el contraste después de cambiar colores, tipografía, tamaño o peso.