Genera tavolozza
  1. Tavolozze di colori
  2. Smart UI Accessibility Tokens

Smart UI Accessibility Tokens

  • Readable Indigo
    #6366f1
  • Focus Cream
    #fef9c3
  • Hint Blue
    #3b82f6
  • Label Rose
    #fbcfe8
  • Error Black
    #0f172a
  • Toggle Gray
    #9ca3af
  • Hover Gold
    #facc15
  6
Creato il 06/26/2025 08:37
dicolorstudio
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Focus Cream #fef9c3 e Hint Blue #3b82f6. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #0F172A (più scuro) a #FEF9C3 (più chiaro). L’intervallo di luminosità è ampio.

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.

Note calde e fredde sono abbastanza bilanciate (3 calde, 3 fredde).

Codici HEX (ordinati): #0F172A, #3B82F6, #6366F1, #9CA3AF, #FACC15, #FBCFE8, #FEF9C3

La tavolozza Smart UI Accessibility Tokens combina 7 codici colore:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #facc15, RGB: (250, 204, 21)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu ardesia medio, Sfumatura di Chiffon limone, Sfumatura di Blu Dodger, Tinta di Cardo, Tinta di Nero, Sfumatura di Grigio scuro, Sfumatura di Oro
La combinazione di colori è stata creata da colorstudio

Codici colori nella tavolozza

Smart UI Accessibility Tokens codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#6366f1 #6366f1 RGB(99, 102, 241)Readable Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Focus Cream—
#3b82f6 #3b82f6 RGB(59, 130, 246)Hint Blue—
#fbcfe8 #fbcfe8 RGB(251, 207, 232)Label Rose—
#0f172a #0f172a RGB(15, 23, 42)Error Black—
#9ca3af #9ca3af RGB(156, 163, 175)Toggle Gray—
#facc15 #facc15 RGB(250, 204, 21)Hover Gold—

Contrasto della palette di colori

8 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
#6366f1
#3b82f6
1.21
#6366f1
#9ca3af
1.75
#fef9c3
#fbcfe8
1.28
#fef9c3
#facc15
1.42
#3b82f6
#9ca3af
1.44
#fbcfe8
#9ca3af
1.83

Tavolozza immagini Smart UI Accessibility Tokens png

Smart UI Accessibility Tokens tavolozza dei colori: Readable Indigo, Focus Cream, Hint Blue, Label Rose, Error Black
 Scarica l'immagine