Creato a 08/08/2023 14:56
  47

System builder ux design colors

  • White
    #ffffff
  • Anti-Flash White
    #f0f0f0
  • Alice Blue
    #f0f0ff
  • Pink Lace
    #f0dcf0
  • Light Cyan
    #dcfff0
  • Azureish White
    #dcdcf0
La tavolozza è composta da Leggero colori. Colori accentati Pink Lace #f0dcf0 e Light Cyan #dcfff0. La tavolozza ha la temperatura del colore Neutro.

Per luminosità, la tavolozza va da #F0DCF0 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è relativamente stretto.

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).

La maggior parte dei campioni risulta neutra in temperatura.

Codici HEX (ordinati): #DCDCF0, #DCFFF0, #F0DCF0, #F0F0F0, #F0F0FF, #FFFFFF

La tavolozza System builder ux design colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #f0f0f0, RGB: (240, 240, 240); ESADECIMALE: #f0f0ff, RGB: (240, 240, 255)
ESADECIMALE: #f0dcf0, RGB: (240, 220, 240); ESADECIMALE: #dcfff0, RGB: (220, 255, 240); ESADECIMALE: #dcdcf0, RGB: (220, 220, 240)
Versione semplificata della tavolozza dei colori
Bianco, Tonalità di whitesmoke, Ombra di lavender, Tonalità di lavenderblush, Tonalità di honeydew, Tonalità di lavender
La combinazione di colori è stata creata da colourlock

Codici colori nella tavolozza

System builder ux design colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ffffff #ffffff RGB(255, 255, 255)White
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#f0f0ff #f0f0ff RGB(240, 240, 255)Alice Blue
#f0dcf0 #f0dcf0 RGB(240, 220, 240)Pink Lace
#dcfff0 #dcfff0 RGB(220, 255, 240)Light Cyan
#dcdcf0 #dcdcf0 RGB(220, 220, 240)Azureish White

Contrasto della palette di colori

15 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
#ffffff
#f0f0f0
1.13
#ffffff
#f0f0ff
1.12
#ffffff
#f0dcf0
1.29
#ffffff
#dcfff0
1.07
#ffffff
#dcdcf0
1.35
#f0f0f0
#f0f0ff
1.01

Tavolozza immagini System builder ux design colors png