Loading...
Creato a 07/08/2025 20:02
  31

Frontend Experience Schema

  • UX Dust
    #f7f1e1
  • Input Teal
    #009fb7
  • State Orchid
    #d4a5a5
  • Flowchart Blue
    #9dd9f3
  • Base Ink
    #282828
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati UX Dust #f7f1e1 e Input Teal #009fb7. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.

Per luminosità, la tavolozza va da #282828 (più scuro) a #F7F1E1 (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).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #009FB7, #282828, #9DD9F3, #D4A5A5, #F7F1E1

La tavolozza Frontend Experience Schema ha una combinazione di colori dei codici 5:
ESADECIMALE: #f7f1e1, RGB: (247, 241, 225); ESADECIMALE: #009fb7, RGB: (0, 159, 183); ESADECIMALE: #d4a5a5, RGB: (212, 165, 165)
ESADECIMALE: #9dd9f3, RGB: (157, 217, 243); ESADECIMALE: #282828, RGB: (40, 40, 40)
Versione semplificata della tavolozza dei colori
Tonalità di oldlace, Tonalità di cadetblue, Ombra di rosybrown, Ombra di skyblue, Ombra di Nero
La combinazione di colori è stata creata da colorday

Codici colori nella tavolozza

Frontend Experience Schema codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f7f1e1 #f7f1e1 RGB(247, 241, 225)UX DustCoconut Twist
#009fb7 #009fb7 RGB(0, 159, 183)Input Teal
#d4a5a5 #d4a5a5 RGB(212, 165, 165)State Orchid
#9dd9f3 #9dd9f3 RGB(157, 217, 243)Flowchart Blue
#282828 #282828 RGB(40, 40, 40)Base InkDire Wolf

Contrasto della palette di colori

4 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
#f7f1e1
#d4a5a5
1.91
#f7f1e1
#9dd9f3
1.36
#009fb7
#d4a5a5
1.46
#d4a5a5
#9dd9f3
1.4

Tavolozza immagini Frontend Experience Schema png

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