Genera tavolozza
  1. Tavolozze di colori
  2. GraphQL UI Patterns and Themes

GraphQL UI Patterns and Themes

  • Query Magenta
    #ec407a
  • Schema Indigo
    #3f51b5
  • Resolve Cloud
    #e0f7fa
  • Mutation Mustard
    #ffee58
  • Fetch Black
    #1c1c1c
  • API Snow
    #fdfdfd
  16
Creato il 07/25/2025 08:00
dihex
La tavolozza è composta da Chiaro, Semi scuro, Scuro colori. Colori d'accento Resolve Cloud #e0f7fa e Mutation Mustard #ffee58. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #1C1C1C (più scuro) a #FDFDFD (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.

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

Complessivamente la temperatura tende al caldo (2 su 6).

Codici HEX (ordinati): #1C1C1C, #3F51B5, #E0F7FA, #EC407A, #FDFDFD, #FFEE58

La tavolozza GraphQL UI Patterns and Themes combina 6 codici colore:
HEX: #ec407a, RGB: (236, 64, 122); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #e0f7fa, RGB: (224, 247, 250)
HEX: #ffee58, RGB: (255, 238, 88); HEX: #1c1c1c, RGB: (28, 28, 28); HEX: #fdfdfd, RGB: (253, 253, 253)
Versione semplificata della tavolozza dei colori
Tinta di Rosa intenso, Sfumatura di Blu ardesia, Sfumatura di Azzurro, Tinta di Giallo, Tinta di Nero, Sfumatura di Bianco
La combinazione di colori è stata creata da hex

Codici colori nella tavolozza

GraphQL UI Patterns and Themes codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#ec407a#ec407aRGB(236, 64, 122)Query Magenta—
#3f51b5#3f51b5RGB(63, 81, 181)Schema Indigo—
#e0f7fa#e0f7faRGB(224, 247, 250)Resolve Cloud—
#ffee58#ffee58RGB(255, 238, 88)Mutation Mustard—
#1c1c1c#1c1c1cRGB(28, 28, 28)Fetch BlackGray11
#fdfdfd#fdfdfdRGB(253, 253, 253)API SnowBrilliance

Contrasto della palette di colori

4 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testoColore di sfondoRapporto di contrasto
#ec407a
#3f51b5
1.82
#e0f7fa
#ffee58
1.06
#e0f7fa
#fdfdfd
1.09
#ffee58
#fdfdfd
1.17

Tavolozza immagini GraphQL UI Patterns and Themes png

GraphQL UI Patterns and Themes tavolozza dei colori: Query Magenta, Schema Indigo, Resolve Cloud, Mutation Mustard
 Scarica l'immagine