Dimensional Dark UI Framework
- Parallax Black#0b0c10
- Z-Depth Neon Blue#2b9eb3
- Object Highlight Coral#f67280
- Frame Edge Silver#b5b5b5
- Scene Ambient Cream#f5f3f4
Creato il 07/11/2025 09:42
La tavolozza è composta da Scuro, Chiaro colori. Colori d'accento Z-Depth Neon Blue #2b9eb3 e Object Highlight Coral #f67280. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #0B0C10 (più scuro) a #F5F3F4 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta per lo più smorzata (croma basso) — il 60% dei colori è smorzato.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
La maggior parte dei campioni risulta neutra in temperatura (3 su 5).
Codici HEX (ordinati): #0B0C10, #2B9EB3, #B5B5B5, #F5F3F4, #F67280
La tavolozza Dimensional Dark UI Framework combina 5 codici colore:
HEX: #0b0c10, RGB: (11, 12, 16); HEX: #2b9eb3, RGB: (43, 158, 179); HEX: #f67280, RGB: (246, 114, 128)
HEX: #b5b5b5, RGB: (181, 181, 181); HEX: #f5f3f4, RGB: (245, 243, 244)
Versione semplificata della tavolozza dei colori
Tinta di Nero, Sfumatura di Blu cadetto, Sfumatura di Corallo chiaro, Sfumatura di Argento, Sfumatura di Fumo bianco
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Dimensional Dark UI Framework codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #0b0c10 | #0b0c10 | RGB(11, 12, 16) | Parallax Black | — |
| #2b9eb3 | #2b9eb3 | RGB(43, 158, 179) | Z-Depth Neon Blue | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Object Highlight Coral | — |
| #b5b5b5 | #b5b5b5 | RGB(181, 181, 181) | Frame Edge Silver | Brainstem Grey |
| #f5f3f4 | #f5f3f4 | RGB(245, 243, 244) | Scene Ambient Cream | — |
Contrasto della palette di colori
4 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 |
|---|---|---|
#2b9eb3 | #f67280 | 1.14 |
#2b9eb3 | #b5b5b5 | 1.54 |
#f67280 | #b5b5b5 | 1.34 |
#b5b5b5 | #f5f3f4 | 1.85 |
Tavolozza immagini Dimensional Dark UI Framework png
Esporta tavolozza
Scarica la "Dimensional Dark UI Framework" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: