Genera tavolozza
  1. Tavolozze di colori
  2. Interactive Web App UI Tokens

Interactive Web App UI Tokens

  • Click Coral
    #fb7185
  • Hover Indigo
    #6366f1
  • Input Cream
    #fef9c3
  • Transition Teal
    #14b8a6
  • Form Shadow
    #9ca3af
  • Field Mist
    #f3f4f6
  • CTA Yellow
    #fcd34d
  1
Creato il 06/27/2025 11:01
dicolorslib
La tavolozza è composta da Chiaro colori. Colori d'accento Hover Indigo #6366f1 e Input Cream #fef9c3. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #6366F1 (più scuro) a #FEF9C3 (più chiaro). L’intervallo di luminosità è moderato.

La saturazione complessiva risulta vivida (croma alto) — il 71% dei colori è vivido.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al caldo (3 su 7).

Codici HEX (ordinati): #14B8A6, #6366F1, #9CA3AF, #F3F4F6, #FB7185, #FCD34D, #FEF9C3

La tavolozza Interactive Web App UI Tokens combina 7 codici colore:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #fcd34d, RGB: (252, 211, 77)
Versione semplificata della tavolozza dei colori
Sfumatura di Corallo chiaro, Sfumatura di Blu ardesia medio, Sfumatura di Chiffon limone, Sfumatura di Verde mare chiaro, Sfumatura di Grigio scuro, Sfumatura di Fumo bianco, Tinta di Oro
La combinazione di colori è stata creata da colorslib

Codici colori nella tavolozza

Interactive Web App UI Tokens codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#fb7185 #fb7185 RGB(251, 113, 133)Click Coral—
#6366f1 #6366f1 RGB(99, 102, 241)Hover Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Input Cream—
#14b8a6 #14b8a6 RGB(20, 184, 166)Transition Teal—
#9ca3af #9ca3af RGB(156, 163, 175)Form Shadow—
#f3f4f6 #f3f4f6 RGB(243, 244, 246)Field Mist—
#fcd34d #fcd34d RGB(252, 211, 77)CTA Yellow—

Contrasto della palette di colori

12 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
#fb7185
#6366f1
1.65
#fb7185
#14b8a6
1.08
#fb7185
#9ca3af
1.06
#fb7185
#fcd34d
1.86
#6366f1
#14b8a6
1.79
#6366f1
#9ca3af
1.75

Tavolozza immagini Interactive Web App UI Tokens png

Interactive Web App UI Tokens tavolozza dei colori: Click Coral, Hover Indigo, Input Cream, Transition Teal, Form Shadow
 Scarica l'immagine