Genera tavolozza
  1. Tavolozze di colori
  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
Creato il 07/13/2025 17:14
diraccoon
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Query Pink #ff8fab e Variable Blue #4c91f0. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #9D4EDD (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è moderato.

La saturazione complessiva risulta vivida (croma alto) — il 67% dei colori è vivido.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Note calde e fredde sono abbastanza bilanciate (2 calde, 2 fredde).

Codici HEX (ordinati): #4C91F0, #9D4EDD, #B8B8B8, #FF8C42, #FF8FAB, #FFFFFF

La tavolozza GraphQL Data Explorer Colors combina 6 codici colore:
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)
Versione semplificata della tavolozza dei colori
Tinta di Rosso violetto pallido, Tinta di Orchidea scuro, Sfumatura di Argento, Bianco, Sfumatura di Blu fiordaliso, Tinta di Arancione scuro
La combinazione di colori è stata creata da raccoon

Codici colori nella tavolozza

GraphQL Data Explorer Colors codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#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—

Contrasto della palette di colori

9 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo Colore di sfondo Rapporto di contrasto
#ff8fab
#b8b8b8
1.08
#ff8fab
#4c91f0
1.47
#ff8fab
#ff8c42
1.07
#9d4edd
#4c91f0
1.44
#9d4edd
#ff8c42
1.98
#b8b8b8
#ffffff
1.98

Tavolozza immagini GraphQL Data Explorer Colors png

GraphQL Data Explorer Colors: Query Pink, Mutation Indigo, Resolver Grey, Endpoint White, Variable Blue, Node Orange
 Scarica l'immagine