Palette generieren
  1. Farbpaletten
  2. GraphQL Data Explorer Colors

GraphQL Data Explorer Colors

  • Query Pink
    #ff8fab
  • Mutation Indigo
    #9d4edd
  • Resolver Grey
    #b8b8b8
  • Endpoint White
    #ffffff
  • Variable Blue
    #4c91f0
  • Node Orange
    #ff8c42
  6
Erstellt am 07/13/2025 17:14
vonraccoon
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Query Pink #ff8fab und Variable Blue #4c91f0. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #9D4EDD (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% der Farben sind lebhaft.

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

Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).

HEX-Codes (sortiert): #4C91F0, #9D4EDD, #B8B8B8, #FF8C42, #FF8FAB, #FFFFFF

Die Palette GraphQL Data Explorer Colors kombiniert 6 Farbcodes:
HEX: #ff8fab, RGB: (255, 143, 171); HEX: #9d4edd, RGB: (157, 78, 221); HEX: #b8b8b8, RGB: (184, 184, 184)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #4c91f0, RGB: (76, 145, 240); HEX: #ff8c42, RGB: (255, 140, 66)
Vereinfachte Version der Palettenfarben
Aufhellung von Blasses Violettrot, Aufhellung von Dunkle Orchidee, Schattierung von Silber, Weiß, Schattierung von Kornblumenblau, Aufhellung von Dunkelorange
Farbschema wurde erstellt von raccoon

Farbcodes in der Palette

GraphQL Data Explorer Colors Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#ff8fab #ff8fab RGB(255, 143, 171)Query Pink—
#9d4edd #9d4edd RGB(157, 78, 221)Mutation Indigo—
#b8b8b8 #b8b8b8 RGB(184, 184, 184)Resolver GreyFortress Grey
#ffffff #ffffff RGB(255, 255, 255)Endpoint WhiteWhite
#4c91f0 #4c91f0 RGB(76, 145, 240)Variable Blue—
#ff8c42 #ff8c42 RGB(255, 140, 66)Node Orange—

Farbpalette Kontrast

9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#ff8fab
#b8b8b8
1.08
#ff8fab
#4c91f0
1.47
#ff8fab
#ff8c42
1.07
#9d4edd
#4c91f0
1.44
#9d4edd
#ff8c42
1.98
#b8b8b8
#ffffff
1.98

Bildpalette GraphQL Data Explorer Colors png

GraphQL Data Explorer Colors: Query Pink, Mutation Indigo, Resolver Grey, Endpoint White, Variable Blue, Node Orange
 Bild herunterladen