Interactive Learning UI Flow
- Quiz Yellow#ffe066
- Hover Ink#111111
- Module Sky#8ecae6
- Score Green#00b894
- Popup Blush#ffd6d6
- Overlay White#fafafa
Creato il 06/14/2025 19:45
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Score Green #00b894 e Popup Blush #ffd6d6. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #111111 (più scuro) a #FAFAFA (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 67% 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 (2 calde, 2 fredde).
Codici HEX (ordinati): #00B894, #111111, #8ECAE6, #FAFAFA, #FFD6D6, #FFE066
La tavolozza Interactive Learning UI Flow combina 6 codici colore:
HEX: #ffe066, RGB: (255, 224, 102); HEX: #111111, RGB: (17, 17, 17); HEX: #8ecae6, RGB: (142, 202, 230)
HEX: #00b894, RGB: (0, 184, 148); HEX: #ffd6d6, RGB: (255, 214, 214); HEX: #fafafa, RGB: (250, 250, 250)
Versione semplificata della tavolozza dei colori
Tinta di Oro, Tinta di Nero, Sfumatura di Azzurro cielo, Sfumatura di Acquamarina medio, Sfumatura di Rosa nebbia, Tinta di Fumo bianco
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Interactive Learning UI Flow codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Quiz Yellow | — |
| #111111 | #111111 | RGB(17, 17, 17) | Hover Ink | Dreamless Sleep |
| #8ecae6 | #8ecae6 | RGB(142, 202, 230) | Module Sky | — |
| #00b894 | #00b894 | RGB(0, 184, 148) | Score Green | — |
| #ffd6d6 | #ffd6d6 | RGB(255, 214, 214) | Popup Blush | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Overlay White | Dr. White |
Contrasto della palette di colori
9 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 |
|---|---|---|
#ffe066 | #8ecae6 | 1.37 |
#ffe066 | #00b894 | 1.94 |
#ffe066 | #ffd6d6 | 1.01 |
#ffe066 | #fafafa | 1.24 |
#8ecae6 | #00b894 | 1.41 |
#8ecae6 | #ffd6d6 | 1.34 |
Tavolozza immagini Interactive Learning UI Flow png
Esporta tavolozza
Scarica la "Interactive Learning UI Flow" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: