Generar paleta
  1. paletas de colores
  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
Creado en 07/25/2025 07:59
porcolorscheme
La paleta consta de semioscuro, Claro, Oscuro colores. Colores de acento Light Bounce Pink #f8bbd0 y Parallax Cyan #00acc1. La paleta tiene temperatura de color Frío, Cálido, Neutral.

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

Saturación mixta: 2 apagados y 3 vivos de 6 colores.

Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.

En conjunto, la temperatura de color tiende al frío (3 de 6).

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

La paleta WebGL Motion Interaction Theme combina 6 códigos de color:
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)
Versión simplificada de la paleta de colores
Tono oscuro de Azul pizarra, Tono oscuro de Caqui, Tono oscuro de Gris pizarra oscuro, Tono oscuro de Rosa, Tono oscuro de Humo blanco, Tono oscuro de Azul cadete
El esquema de color fue creado por colorscheme

Códigos de colores en la paleta

WebGL Motion Interaction Theme códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre 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 de la paleta de colores

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

Paleta de imágenes WebGL Motion Interaction Theme png

WebGL Motion Interaction Theme paleta de colores: Canvas Indigo, Render Lime, Depth Black, Light Bounce Pink, Frame Cloud
 Descargar imagen