Genera tavolozza
  1. Tavolozze di colori
  2. Schema-Driven UI Generator

Schema-Driven UI Generator

  • Model Key Cyan
    #8ac6d1
  • Field Label Navy
    #264653
  • Schema Text White
    #f9f9f9
  • Reference Orange
    #f6bd60
  • Tooltip Yellow
    #f7ff58
  1
Creato il 07/11/2025 13:11
dicolorstudio
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Model Key Cyan #8ac6d1 e Tooltip Yellow #f7ff58. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

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

Saturazione mista — 1 smorzati e 2 vivaci su 5 colori.

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): #264653, #8AC6D1, #F6BD60, #F7FF58, #F9F9F9

La tavolozza Schema-Driven UI Generator combina 5 codici colore:
HEX: #8ac6d1, RGB: (138, 198, 209); HEX: #264653, RGB: (38, 70, 83); HEX: #f9f9f9, RGB: (249, 249, 249)
HEX: #f6bd60, RGB: (246, 189, 96); HEX: #f7ff58, RGB: (247, 255, 88)
Versione semplificata della tavolozza dei colori
Sfumatura di Azzurro cielo, Sfumatura di Grigio ardesia scuro, Tinta di Fumo bianco, Tinta di Verga d'oro, Tinta di Giallo
La combinazione di colori è stata creata da colorstudio

Codici colori nella tavolozza

Schema-Driven UI Generator codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#8ac6d1 #8ac6d1 RGB(138, 198, 209)Model Key Cyan—
#264653 #264653 RGB(38, 70, 83)Field Label Navy—
#f9f9f9 #f9f9f9 RGB(249, 249, 249)Schema Text WhiteDoctor
#f6bd60 #f6bd60 RGB(246, 189, 96)Reference Orange—
#f7ff58 #f7ff58 RGB(247, 255, 88)Tooltip Yellow—

Contrasto della palette di colori

6 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
#8ac6d1
#f9f9f9
1.8
#8ac6d1
#f6bd60
1.11
#8ac6d1
#f7ff58
1.75
#f9f9f9
#f6bd60
1.61
#f9f9f9
#f7ff58
1.02
#f6bd60
#f7ff58
1.56

Tavolozza immagini Schema-Driven UI Generator png

Schema-Driven UI Generator tavolozza dei colori: Model Key Cyan, Field Label Navy, Schema Text White, Reference Orange
 Scarica l'immagine