Loading...
Creato a 06/28/2025 20:19
  1

Touch Interface Design Set

  • Haptic Mint
    #5eead4
  • Scroll Coral
    #fb7185
  • Touch Indigo
    #6366f1
  • Feedback Cream
    #fffaf0
  • Tap Slate
    #334155
  • Gesture Fog
    #f5f5f5
  • Overlay Jet
    #0f172a
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Touch Indigo #6366f1 e Feedback Cream #fffaf0. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #0F172A (più scuro) a #FFFAF0 (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): #0F172A, #334155, #5EEAD4, #6366F1, #F5F5F5, #FB7185, #FFFAF0

La tavolozza Touch Interface Design Set ha una combinazione di colori dei codici 7:
ESADECIMALE: #5eead4, RGB: (94, 234, 212); ESADECIMALE: #fb7185, RGB: (251, 113, 133); ESADECIMALE: #6366f1, RGB: (99, 102, 241)
ESADECIMALE: #fffaf0, RGB: (255, 250, 240); ESADECIMALE: #334155, RGB: (51, 65, 85); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245)
ESADECIMALE: #0f172a, RGB: (15, 23, 42)
Versione semplificata della tavolozza dei colori
Ombra di turquoise, Tonalità di lightcoral, Tonalità di mediumslateblue, Tonalità di darkslateblue, Ombra di Nero
La combinazione di colori è stata creata da palettespicker

Codici colori nella tavolozza

Touch Interface Design Set codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#5eead4 #5eead4 RGB(94, 234, 212)Haptic Mint
#fb7185 #fb7185 RGB(251, 113, 133)Scroll Coral
#6366f1 #6366f1 RGB(99, 102, 241)Touch Indigo
#fffaf0 #fffaf0 RGB(255, 250, 240)Feedback CreamFloral White
#334155 #334155 RGB(51, 65, 85)Tap Slate
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Gesture FogWhite Smoke
#0f172a #0f172a RGB(15, 23, 42)Overlay Jet

Contrasto della palette di colori

6 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
#5eead4
#fb7185
1.81
#5eead4
#fffaf0
1.42
#5eead4
#f5f5f5
1.35
#fb7185
#6366f1
1.65
#fffaf0
#f5f5f5
1.04
#334155
#0f172a
1.72

Tavolozza immagini Touch Interface Design Set png

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