Creato a 02/06/2022 10:20
  0.14k

Presently design web ui

  • Cyan-Blue Azure
    #348cc5
  • Pale Cerulean
    #9abed6
  • Green-Blue
    #1d72b2
  • Weldon Blue
    #7c9cac
  • Pastel Blue
    #b0c2cc
  • Charleston Green
    #242c34
La tavolozza è composta da Leggero, Buio colori. Colori accentati Cyan-Blue Azure #348cc5 e Green-Blue #1d72b2. La tavolozza ha la temperatura del colore Freddo.

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

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

La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #1D72B2, #242C34, #348CC5, #7C9CAC, #9ABED6, #B0C2CC

La tavolozza Presently design web ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #348cc5, RGB: (52, 140, 197); ESADECIMALE: #9abed6, RGB: (154, 190, 214); ESADECIMALE: #1d72b2, RGB: (29, 114, 178)
ESADECIMALE: #7c9cac, RGB: (124, 156, 172); ESADECIMALE: #b0c2cc, RGB: (176, 194, 204); ESADECIMALE: #242c34, RGB: (36, 44, 52)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Tonalità di lightsteelblue, Tonalità di steelblue, Ombra di lightslategrey, Tonalità di lightsteelblue, Ombra di Nero
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Presently design web ui codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#348cc5 #348cc5 RGB(52, 140, 197)Cyan-Blue Azure
#9abed6 #9abed6 RGB(154, 190, 214)Pale Cerulean
#1d72b2 #1d72b2 RGB(29, 114, 178)Green-Blue
#7c9cac #7c9cac RGB(124, 156, 172)Weldon Blue
#b0c2cc #b0c2cc RGB(176, 194, 204)Pastel Blue
#242c34 #242c34 RGB(36, 44, 52)Charleston Green

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
#348cc5
#9abed6
1.87
#348cc5
#1d72b2
1.39
#348cc5
#7c9cac
1.26
#9abed6
#7c9cac
1.48
#9abed6
#b0c2cc
1.06
#1d72b2
#7c9cac
1.75

Tavolozza immagini Presently design web ui png