Gerar paleta
  1. Paletas de cores
  2. AI Powered React UI Hyperstructure

AI Powered React UI Hyperstructure

  • Component Indigo
    #3d5afe
  • Gradient Peach
    #ffb300
  • Vector Teal
    #00acc1
  • Surface White
    #ffffff
  • Shadow Gray
    #424242
  • Accent Rose
    #f06292
  • Quantum Blue
    #1e88e5
  36
Criado em 08/23/2025 11:55
porcolorday
A paleta consiste em cores Semi escuro, Claro. Cores de destaque Gradient Peach #ffb300 e Vector Teal #00acc1. A paleta tem Frio, Quente, Neutro temperatura de cores.

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

A saturação global parece vívida (croma alto) — 71% das cores são vívidas.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o frio (3 de 7).

Códigos HEX (ordenados): #00ACC1, #1E88E5, #3D5AFE, #424242, #F06292, #FFB300, #FFFFFF

A paleta AI Powered React UI Hyperstructure combina 7 códigos de cor:
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #ffb300, RGB: (255, 179, 0); HEX: #00acc1, RGB: (0, 172, 193)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #424242, RGB: (66, 66, 66); HEX: #f06292, RGB: (240, 98, 146)
HEX: #1e88e5, RGB: (30, 136, 229)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom claro de Laranja, Tom escuro de Azul-cadete, Branco, Tom escuro de Cinza-ardósia-escuro, Tom escuro de Vermelho-violeta-pálido, Tom escuro de Azul-dodger
O esquema de cores foi criado por colorday

Códigos de cores na paleta

AI Powered React UI Hyperstructure códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#3d5afe #3d5afe RGB(61, 90, 254)Component Indigo—
#ffb300 #ffb300 RGB(255, 179, 0)Gradient PeachUCLA Gold
#00acc1 #00acc1 RGB(0, 172, 193)Vector Teal—
#ffffff #ffffff RGB(255, 255, 255)Surface WhiteWhite
#424242 #424242 RGB(66, 66, 66)Shadow GrayBlack Panther
#f06292 #f06292 RGB(240, 98, 146)Accent Rose—
#1e88e5 #1e88e5 RGB(30, 136, 229)Quantum Blue—

Contraste da paleta de cores

10 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Razão de contraste
#3d5afe
#00acc1
1.87
#3d5afe
#424242
1.95
#3d5afe
#f06292
1.67
#3d5afe
#1e88e5
1.39
#ffb300
#00acc1
1.52
#ffb300
#ffffff
1.79

Paleta de imagens AI Powered React UI Hyperstructure png

AI Powered React UI Hyperstructure paleta de cores: Component Indigo, Gradient Peach, Vector Teal, Surface White, Shadow Gray
 Baixar imagem