Creato a 07/04/2025 10:11
  1

Retro Widget UI Elements

  • Toggle Taffy
    #ffc7c2
  • Slider Shell
    #fff7e3
  • Modal Sky
    #bfeaff
  • Pasteboard Lilac
    #eedbff
  • Accent Graphite
    #3a3a3a
  • Text White
    #fdfdfd
La tavolozza è composta da Leggero colori. Colori accentati Slider Shell #fff7e3 e Pasteboard Lilac #eedbff. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

Per luminosità, la tavolozza va da #3A3A3A (più scuro) a #FDFDFD (più chiaro). L’intervallo di luminosità è ampio.

La saturazione complessiva risulta vivida (croma alto).

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

La maggior parte dei campioni risulta neutra in temperatura.

Codici HEX (ordinati): #3A3A3A, #BFEAFF, #EEDBFF, #FDFDFD, #FFC7C2, #FFF7E3

La tavolozza Retro Widget UI Elements ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffc7c2, RGB: (255, 199, 194); ESADECIMALE: #fff7e3, RGB: (255, 247, 227); ESADECIMALE: #bfeaff, RGB: (191, 234, 255)
ESADECIMALE: #eedbff, RGB: (238, 219, 255); ESADECIMALE: #3a3a3a, RGB: (58, 58, 58); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253)
Versione semplificata della tavolozza dei colori
Ombra di Rosa, Ombra di cornsilk, Ombra di lightblue, Ombra di thistle, Tonalità di darkslategrey, Tonalità di Bianco
La combinazione di colori è stata creata da colorstudio

Codici colori nella tavolozza

Retro Widget UI Elements codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ffc7c2 #ffc7c2 RGB(255, 199, 194)Toggle Taffy
#fff7e3 #fff7e3 RGB(255, 247, 227)Slider Shell
#bfeaff #bfeaff RGB(191, 234, 255)Modal Sky
#eedbff #eedbff RGB(238, 219, 255)Pasteboard Lilac
#3a3a3a #3a3a3a RGB(58, 58, 58)Accent Graphite
#fdfdfd #fdfdfd RGB(253, 253, 253)Text WhiteBrilliance

Contrasto della palette di colori

10 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
#ffc7c2
#fff7e3
1.38
#ffc7c2
#bfeaff
1.15
#ffc7c2
#eedbff
1.14
#ffc7c2
#fdfdfd
1.45
#fff7e3
#bfeaff
1.19
#fff7e3
#eedbff
1.21

Tavolozza immagini Retro Widget UI Elements png