Loading...
Creato a 08/19/2025 17:09
  6

Accessible Mobile AI Design Kit

  • Contrast Blue
    #118ab2
  • Assistive Coral
    #ff7b7b
  • Aria Yellow
    #ffd166
  • Panel Gray
    #dee2e6
  • Screen White
    #f9f9f9
  • Dark Mode Ink
    #1c1c1c
  • Focus Green
    #00bfa6
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Aria Yellow #ffd166 e Focus Green #00bfa6. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

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

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #00BFA6, #118AB2, #1C1C1C, #DEE2E6, #F9F9F9, #FF7B7B, #FFD166

La tavolozza Accessible Mobile AI Design Kit ha una combinazione di colori dei codici 7:
ESADECIMALE: #118ab2, RGB: (17, 138, 178); ESADECIMALE: #ff7b7b, RGB: (255, 123, 123); ESADECIMALE: #ffd166, RGB: (255, 209, 102)
ESADECIMALE: #dee2e6, RGB: (222, 226, 230); ESADECIMALE: #f9f9f9, RGB: (249, 249, 249); ESADECIMALE: #1c1c1c, RGB: (28, 28, 28)
ESADECIMALE: #00bfa6, RGB: (0, 191, 166)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Ombra di lightcoral, Ombra di gold, Ombra di gainsboro, Ombra di whitesmoke, Ombra di Nero, Tonalità di lightseagreen
La combinazione di colori è stata creata da colourlock

Codici colori nella tavolozza

Accessible Mobile AI Design Kit codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#118ab2 #118ab2 RGB(17, 138, 178)Contrast Blue
#ff7b7b #ff7b7b RGB(255, 123, 123)Assistive Coral
#ffd166 #ffd166 RGB(255, 209, 102)Aria Yellow
#dee2e6 #dee2e6 RGB(222, 226, 230)Panel Gray
#f9f9f9 #f9f9f9 RGB(249, 249, 249)Screen WhiteDoctor
#1c1c1c #1c1c1c RGB(28, 28, 28)Dark Mode InkGray11
#00bfa6 #00bfa6 RGB(0, 191, 166)Focus Green

Contrasto della palette di colori

10 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
#118ab2
#ff7b7b
1.57
#118ab2
#00bfa6
1.69
#ff7b7b
#ffd166
1.73
#ff7b7b
#dee2e6
1.92
#ff7b7b
#00bfa6
1.07
#ffd166
#dee2e6
1.1

Tavolozza immagini Accessible Mobile AI Design Kit png

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