Creato a 12/30/2020 11:35
  0.21k

Web design ui colors

  • #0c93d2
  • #f7743f
  • #0c5c8c
  • #658195
  • #bbd39e
  • #2f5665
La tavolozza è composta da Leggero colori. Colori accentati #0c93d2 e #f7743f. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

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

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #0C5C8C, #0C93D2, #2F5665, #658195, #BBD39E, #F7743F

La tavolozza Web design ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #0c93d2, RGB: (12, 147, 210); ESADECIMALE: #f7743f, RGB: (247, 116, 63); ESADECIMALE: #0c5c8c, RGB: (12, 92, 140)
ESADECIMALE: #658195, RGB: (101, 129, 149); ESADECIMALE: #bbd39e, RGB: (187, 211, 158); ESADECIMALE: #2f5665, RGB: (47, 86, 101)
Versione semplificata della tavolozza dei colori
Tonalità di dodgerblue, Tonalità di coral, Tonalità di royalblue, Tonalità di slategrey, Ombra di darkseagreen, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Web design ui colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#0c93d2 #0c93d2 RGB(12, 147, 210)
#f7743f #f7743f RGB(247, 116, 63)
#0c5c8c #0c5c8c RGB(12, 92, 140)
#658195 #658195 RGB(101, 129, 149)
#bbd39e #bbd39e RGB(187, 211, 158)
#2f5665 #2f5665 RGB(47, 86, 101)

Contrasto della palette di colori

7 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
#0c93d2
#f7743f
1.22
#0c93d2
#658195
1.19
#f7743f
#658195
1.46
#f7743f
#bbd39e
1.71
#0c5c8c
#658195
1.75
#0c5c8c
#2f5665
1.1

Tavolozza immagini Web design ui colors png