Typography modules library platform design ui

  • Red Salsa
    #f43444
  • Dandelion (Crayola)
    #fcd474
  • Green (Crayola)
    #0db47c
  • Old Silver
    #848484
  • Opal
    #a8c7c5
  • Gray
    #444444
  0.14k
Creato il 10/25/2022 10:04
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Dandelion (Crayola) #fcd474 e Opal #a8c7c5. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

Saturazione mista — 3 smorzati e 3 vivaci su 6 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): #0DB47C, #444444, #848484, #A8C7C5, #F43444, #FCD474

La tavolozza Typography modules library platform design ui combina 6 codici colore:
HEX: #f43444, RGB: (244, 52, 68); HEX: #fcd474, RGB: (252, 212, 116); HEX: #0db47c, RGB: (13, 180, 124)
HEX: #848484, RGB: (132, 132, 132); HEX: #a8c7c5, RGB: (168, 199, 197); HEX: #444444, RGB: (68, 68, 68)
Versione semplificata della tavolozza dei colori
Tinta di Cremisi, Sfumatura di Cachi, Sfumatura di Verde mare medio, Tinta di Grigio, Sfumatura di Blu polvere, Sfumatura di Grigio tenue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Typography modules library platform design ui codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#f43444#f43444RGB(244, 52, 68)Red Salsa—
#fcd474#fcd474RGB(252, 212, 116)Dandelion (Crayola)—
#0db47c#0db47cRGB(13, 180, 124)Green (Crayola)—
#848484#848484RGB(132, 132, 132)Old Silver—
#a8c7c5#a8c7c5RGB(168, 199, 197)Opal—
#444444#444444RGB(68, 68, 68)GrayGoshawk Grey

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 testoColore di sfondoRapporto di contrasto
#f43444
#0db47c
1.44
#f43444
#848484
1.03
#fcd474
#0db47c
1.88
#fcd474
#a8c7c5
1.27
#0db47c
#848484
1.39
#0db47c
#a8c7c5
1.48

Tavolozza immagini Typography modules library platform design ui png