Loading...
Creato a 12/15/2019 19:44
  0.27k

Content editor toolbar uidesign ui palette

  • #e16be6
  • #a5b8dc
  • #243c4c
  • #7c708f
  • #9cb6c9
  • #2b3343
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #e16be6 e #a5b8dc. La tavolozza ha la temperatura del colore Neutro, Freddo.

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

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

Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #243C4C, #2B3343, #7C708F, #9CB6C9, #A5B8DC, #E16BE6

La tavolozza Content editor toolbar uidesign ui palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #e16be6, RGB: (225, 107, 230); ESADECIMALE: #a5b8dc, RGB: (165, 184, 220); ESADECIMALE: #243c4c, RGB: (36, 60, 76)
ESADECIMALE: #7c708f, RGB: (124, 112, 143); ESADECIMALE: #9cb6c9, RGB: (156, 182, 201); ESADECIMALE: #2b3343, RGB: (43, 51, 67)
Versione semplificata della tavolozza dei colori
Ombra di orchid, Tonalità di lightsteelblue, Tonalità di darkslategrey, Tonalità di slategrey, Tonalità di lightsteelblue, Ombra di midnightblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Content editor toolbar uidesign ui palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#e16be6 #e16be6 RGB(225, 107, 230)
#a5b8dc #a5b8dc RGB(165, 184, 220)
#243c4c #243c4c RGB(36, 60, 76)
#7c708f #7c708f RGB(124, 112, 143)
#9cb6c9 #9cb6c9 RGB(156, 182, 201)
#2b3343 #2b3343 RGB(43, 51, 67)

Contrasto della palette di colori

5 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
#e16be6
#a5b8dc
1.4
#e16be6
#7c708f
1.62
#e16be6
#9cb6c9
1.33
#a5b8dc
#9cb6c9
1.05
#243c4c
#2b3343
1.1

Tavolozza immagini Content editor toolbar uidesign ui palette png

Loading...
Loading...
Loading...