Palette generieren
  1. Farbpaletten
  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
Erstellt am 07/25/2025 07:59
voncolorscheme
Die Palette besteht aus Halbdunkel, Hell, Dunkel-Farben. Akzentfarben Light Bounce Pink #f8bbd0 und Parallax Cyan #00acc1. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #263238 (dunkelstes) bis #ECEFF1 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — 2 gedämpfte und 3 lebhafte von 6 Farben.

Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.

In der Gesamttemperatur neigen die Felder zur kalten Seite (3 von 6).

HEX-Codes (sortiert): #00ACC1, #263238, #3F51B5, #DCE775, #ECEFF1, #F8BBD0

Die Palette WebGL Motion Interaction Theme kombiniert 6 Farbcodes:
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)
Vereinfachte Version der Palettenfarben
Schattierung von Schieferblau, Schattierung von Khaki, Schattierung von Dunkles Schiefergrau, Schattierung von Rosa, Schattierung von Rauchweiß, Schattierung von Kadettenblau
Farbschema wurde erstellt von colorscheme

Farbcodes in der Palette

WebGL Motion Interaction Theme Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#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—

Farbpalette Kontrast

5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#3f51b5
#263238
1.91
#dce775
#f8bbd0
1.2
#dce775
#eceff1
1.15
#f8bbd0
#eceff1
1.39
#f8bbd0
#00acc1
1.69

Bildpalette WebGL Motion Interaction Theme png

WebGL Motion Interaction Theme Farbpalette: Canvas Indigo, Render Lime, Depth Black, Light Bounce Pink, Frame Cloud
 Bild herunterladen