Gerar paleta
  1. Paletas de cores
  2. WebGL Motion Interaction Theme

WebGL Motion Interaction Theme

  • Canvas Indigo
    #3f51b5
  • Render Lime
    #dce775
  • Depth Black
    #263238
  • Light Bounce Pink
    #f8bbd0
  • Frame Cloud
    #eceff1
  • Parallax Cyan
    #00acc1
  6
Criado em 07/25/2025 07:59
porcolorscheme
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Light Bounce Pink #f8bbd0 e Parallax Cyan #00acc1. A paleta tem Frio, Quente, Neutro temperatura de cores.

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

Saturação mista — 2 suaves e 3 vívidas em 6 cores.

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 6).

Códigos HEX (ordenados): #00ACC1, #263238, #3F51B5, #DCE775, #ECEFF1, #F8BBD0

A paleta WebGL Motion Interaction Theme combina 6 códigos de cor:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #dce775, RGB: (220, 231, 117); HEX: #263238, RGB: (38, 50, 56)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #eceff1, RGB: (236, 239, 241); HEX: #00acc1, RGB: (0, 172, 193)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia, Tom escuro de Cáqui, Tom escuro de Cinza-ardósia-escuro, Tom escuro de Rosa, Tom escuro de Fumaça-branca, Tom escuro de Azul-cadete
O esquema de cores foi criado por colorscheme

Códigos de cores na paleta

WebGL Motion Interaction Theme códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#3f51b5 #3f51b5 RGB(63, 81, 181)Canvas Indigo—
#dce775 #dce775 RGB(220, 231, 117)Render Lime—
#263238 #263238 RGB(38, 50, 56)Depth Black—
#f8bbd0 #f8bbd0 RGB(248, 187, 208)Light Bounce Pink—
#eceff1 #eceff1 RGB(236, 239, 241)Frame Cloud—
#00acc1 #00acc1 RGB(0, 172, 193)Parallax Cyan—

Contraste da paleta de cores

5 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
#3f51b5
#263238
1.91
#dce775
#f8bbd0
1.2
#dce775
#eceff1
1.15
#f8bbd0
#eceff1
1.39
#f8bbd0
#00acc1
1.69

Paleta de imagens WebGL Motion Interaction Theme png

WebGL Motion Interaction Theme paleta de cores: Canvas Indigo, Render Lime, Depth Black, Light Bounce Pink, Frame Cloud
 Baixar imagem