Générer une palette
  1. Palettes de couleurs
  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
Créé le 07/25/2025 07:59
parcolorscheme
La palette se compose de Semi foncé, Clair, Sombre couleurs. Couleurs d'accent Light Bounce Pink #f8bbd0 et Parallax Cyan #00acc1. La palette a une température de couleur Froid, Chaud, Neutre.

En luminosité, cette palette va de #263238 (plus sombre) à #ECEFF1 (plus clair). L’écart de luminosité est large.

Saturation mixte — 2 teintes atténuées et 3 vives sur 6 couleurs.

Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.

La température globale penche vers le froid (3 sur 6).

Codes HEX (triés) : #00ACC1, #263238, #3F51B5, #DCE775, #ECEFF1, #F8BBD0

La palette WebGL Motion Interaction Theme combine 6 codes couleur:
HEX: #3f51b5, RVB: (63, 81, 181); HEX: #dce775, RVB: (220, 231, 117); HEX: #263238, RVB: (38, 50, 56)
HEX: #f8bbd0, RVB: (248, 187, 208); HEX: #eceff1, RVB: (236, 239, 241); HEX: #00acc1, RVB: (0, 172, 193)
Version simplifiée des couleurs de la palette
Nuance de Bleu ardoise, Nuance de Kaki, Nuance de Gris ardoise foncé, Nuance de Rose, Nuance de Fumée blanche, Nuance de Bleu cadet
Le jeu de couleurs a été créé par colorscheme

Codes couleurs dans la palette

WebGL Motion Interaction Theme codes de couleur HEX, informations RVB dans le tableau

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

Contraste de la palette de couleurs

5 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
Couleur du texte Couleur de l'arrière plan Rapport de contraste
#3f51b5
#263238
1.91
#dce775
#f8bbd0
1.2
#dce775
#eceff1
1.15
#f8bbd0
#eceff1
1.39
#f8bbd0
#00acc1
1.69

Palette d'images WebGL Motion Interaction Theme png

WebGL Motion Interaction Theme palette de couleurs: Canvas Indigo, Render Lime, Depth Black, Light Bounce Pink, Frame Cloud
 Télécharger l'image