Dark Adaptive Motion UI Kit
- Motion Core Black#0e0e0e
- Tween Curve Teal#00e0ff
- Hover Ring Indigo#6c63ff
- Frame Pause Grey#bdbdbd
- Interaction Glow White#fbfbfb
- Click Feedback Yellow#fff275
Creato il 07/11/2025 12:51
La tavolozza è composta da Scuro, Chiaro colori. Colori d'accento Tween Curve Teal #00e0ff e Click Feedback Yellow #fff275. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #0E0E0E (più scuro) a #FBFBFB (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 3 smorzati e 3 vivaci su 6 colori.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (2 su 6).
Codici HEX (ordinati): #00E0FF, #0E0E0E, #6C63FF, #BDBDBD, #FBFBFB, #FFF275
La tavolozza Dark Adaptive Motion UI Kit combina 6 codici colore:
HEX: #0e0e0e, RGB: (14, 14, 14); HEX: #00e0ff, RGB: (0, 224, 255); HEX: #6c63ff, RGB: (108, 99, 255)
HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #fff275, RGB: (255, 242, 117)
Versione semplificata della tavolozza dei colori
Tinta di Nero, Sfumatura di Azzurro cielo, Sfumatura di Blu ardesia medio, Sfumatura di Argento, Sfumatura di Bianco, Tinta di Cachi
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Dark Adaptive Motion UI Kit codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #0e0e0e | #0e0e0e | RGB(14, 14, 14) | Motion Core Black | — |
| #00e0ff | #00e0ff | RGB(0, 224, 255) | Tween Curve Teal | — |
| #6c63ff | #6c63ff | RGB(108, 99, 255) | Hover Ring Indigo | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Frame Pause Grey | Gray74 |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Interaction Glow White | Whiteout |
| #fff275 | #fff275 | RGB(255, 242, 117) | Click Feedback Yellow | — |
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 |
|---|---|---|
#00e0ff | #bdbdbd | 1.17 |
#00e0ff | #fbfbfb | 1.54 |
#00e0ff | #fff275 | 1.38 |
#bdbdbd | #fbfbfb | 1.81 |
#bdbdbd | #fff275 | 1.62 |
#fbfbfb | #fff275 | 1.11 |
Tavolozza immagini Dark Adaptive Motion UI Kit png
Esporta tavolozza
Scarica la "Dark Adaptive Motion UI Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: