Creado en 10/08/2025 20:34
  16

Hyper UX Energy Design System

  • Lime Pulse
    #c9ff67
  • Magenta Neon
    #ff49c1
  • Aqua Radiance
    #5cf7e4
  • Sand Mist
    #f4f4f4
  • Ink Void
    #131314
Loading...
La paleta consta de Luz, Oscuro colores. Colores de acento Lime Pulse #c9ff67 y Magenta Neon #ff49c1. La paleta tiene temperatura de color Cálido, Frío, Neutral.

Por luminosidad, la paleta va de #131314 (más oscuro) a #F4F4F4 (más claro). El rango de luminosidad es amplio.

La saturación global se siente viva (croma alto).

Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).

En conjunto, la temperatura de color tiende al cálido.

Códigos HEX (ordenados): #131314, #5CF7E4, #C9FF67, #F4F4F4, #FF49C1

La paleta Hyper UX Energy Design System tiene una combinación de colores de códigos de 5:
HEX: #c9ff67, RGB: (201, 255, 103); HEX: #ff49c1, RGB: (255, 73, 193); HEX: #5cf7e4, RGB: (92, 247, 228)
HEX: #f4f4f4, RGB: (244, 244, 244); HEX: #131314, RGB: (19, 19, 20)
Versión simplificada de la paleta de colores
Sombra de greenyellow, Matiz de hotpink, Sombra de turquoise, Matiz de whitesmoke, Sombra de Negro
El esquema de color fue creado por colorslib

Códigos de colores en la paleta

Hyper UX Energy Design System códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre alternativo
#c9ff67 #c9ff67 RGB(201, 255, 103)Lime Pulse
#ff49c1 #ff49c1 RGB(255, 73, 193)Magenta Neon
#5cf7e4 #5cf7e4 RGB(92, 247, 228)Aqua Radiance
#f4f4f4 #f4f4f4 RGB(244, 244, 244)Sand Mist
#131314 #131314 RGB(19, 19, 20)Ink Void

Contraste de la paleta de colores

3 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de texto Color de fondo Relación de contraste
#c9ff67
#5cf7e4
1.13
#c9ff67
#f4f4f4
1.06
#5cf7e4
#f4f4f4
1.2

Paleta de imágenes Hyper UX Energy Design System png

Loading...
Loading...