Criado em 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...
A paleta consiste em cores Luz, Escuro. Cores de destaque Lime Pulse #c9ff67 e Magenta Neon #ff49c1. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #131314 (mais escuro) a #F4F4F4 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto).

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o quente.

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

A paleta Hyper UX Energy Design System tem uma combinação de cores 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)
Versão simplificada das cores da paleta
Sombra de greenyellow, Matiz de hotpink, Sombra de turquoise, Matiz de whitesmoke, Sombra de Preto
O esquema de cores foi criado por colorslib

Códigos de cores na paleta

Hyper UX Energy Design System códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome 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 da Paleta de Cores

3 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Taxa de contraste
#c9ff67
#5cf7e4
1.13
#c9ff67
#f4f4f4
1.06
#5cf7e4
#f4f4f4
1.2

Paleta de imagens Hyper UX Energy Design System png

Loading...
Loading...