Genera tavolozza
  1. Tavolozze di colori
  2. Visual elements user experience systems web colors

Visual elements user experience systems web colors

  • #05a2e1
  • #80cce8
  • #0583bb
  • #9b7751
  • #9fbbc9
  • #3a4b5d
  0.29k
Creato il 06/10/2021 09:33
dicolorswall
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento #05a2e1 e #9b7751. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #3A4B5D (più scuro) a #80CCE8 (più chiaro). L’intervallo di luminosità è moderato.

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 freddo (5 su 6).

Codici HEX (ordinati): #0583BB, #05A2E1, #3A4B5D, #80CCE8, #9B7751, #9FBBC9

La tavolozza Visual elements user experience systems web colors combina 6 codici colore:
HEX: #05a2e1, RGB: (5, 162, 225); HEX: #80cce8, RGB: (128, 204, 232); HEX: #0583bb, RGB: (5, 131, 187)
HEX: #9b7751, RGB: (155, 119, 81); HEX: #9fbbc9, RGB: (159, 187, 201); HEX: #3a4b5d, RGB: (58, 75, 93)
Versione semplificata della tavolozza dei colori
Sfumatura di Azzurro cielo intenso, Sfumatura di Azzurro cielo, Sfumatura di Blu acciaio, Sfumatura di Perù, Sfumatura di Blu acciaio chiaro, Sfumatura di Blu ardesia scuro
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Visual elements user experience systems web colors codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#05a2e1 #05a2e1 RGB(5, 162, 225)——
#80cce8 #80cce8 RGB(128, 204, 232)——
#0583bb #0583bb RGB(5, 131, 187)——
#9b7751 #9b7751 RGB(155, 119, 81)——
#9fbbc9 #9fbbc9 RGB(159, 187, 201)——
#3a4b5d #3a4b5d RGB(58, 75, 93)——

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
#05a2e1
#80cce8
1.61
#05a2e1
#0583bb
1.46
#05a2e1
#9b7751
1.4
#05a2e1
#9fbbc9
1.43
#80cce8
#9fbbc9
1.12
#0583bb
#9b7751
1.03

Tavolozza immagini Visual elements user experience systems web colors png

Visual elements user experience systems web colors: #05a2e1, #80cce8, #0583bb, #9b7751, #9fbbc9, #3a4b5d
 Scarica l'immagine