Palette generieren
  1. Farbpaletten
  2. JavaScript Dashboard Flow State

JavaScript Dashboard Flow State

  • Logic Mint
    #aaf0d1
  • Variable Ink
    #1a1a1a
  • UI Panel Grey
    #d9d9d9
  • Breakpoint Coral
    #ff6f61
  • Form Element Blue
    #4682b4
  • UX Paper White
    #ffffff
  16
Erstellt am 07/07/2025 17:23
voncolorday
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Logic Mint #aaf0d1 und Breakpoint Coral #ff6f61. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #1A1A1A (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — 3 gedämpfte und 2 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 (2 von 6).

HEX-Codes (sortiert): #1A1A1A, #4682B4, #AAF0D1, #D9D9D9, #FF6F61, #FFFFFF

Die Palette JavaScript Dashboard Flow State kombiniert 6 Farbcodes:
HEX: #aaf0d1, RGB: (170, 240, 209); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #d9d9d9, RGB: (217, 217, 217)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #4682b4, RGB: (70, 130, 180); HEX: #ffffff, RGB: (255, 255, 255)
Vereinfachte Version der Palettenfarben
Aufhellung von Aquamarin, Aufhellung von Schwarz, Schattierung von Gainsboro, Schattierung von Lachs, Stahlblau, Weiß
Farbschema wurde erstellt von colorday

Farbcodes in der Palette

JavaScript Dashboard Flow State Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#aaf0d1 #aaf0d1 RGB(170, 240, 209)Logic MintMagic Mint
#1a1a1a #1a1a1a RGB(26, 26, 26)Variable InkGray10
#d9d9d9 #d9d9d9 RGB(217, 217, 217)UI Panel GreyGray85
#ff6f61 #ff6f61 RGB(255, 111, 97)Breakpoint CoralLiving Coral
#4682b4 #4682b4 RGB(70, 130, 180)Form Element BlueSteelblue
#ffffff #ffffff RGB(255, 255, 255)UX Paper WhiteWhite

Farbpalette Kontrast

5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#aaf0d1
#d9d9d9
1.08
#aaf0d1
#ffffff
1.3
#d9d9d9
#ff6f61
1.93
#d9d9d9
#ffffff
1.41
#ff6f61
#4682b4
1.5

Bildpalette JavaScript Dashboard Flow State png

JavaScript Dashboard Flow State Farbpalette: Logic Mint, Variable Ink, UI Panel Grey, Breakpoint Coral, Form Element Blue
 Bild herunterladen