Creato a 07/11/2025 20:46
Dynamic Web UI System
- DOM Navy#003049
- Flex Mint#7fdbb6
- Event Blush#ff6f61
- Load White Smoke#f6f6f6
- Async Grey#9fa5af
- Viewport Orange#ffa62b
La tavolozza è composta da Buio, Leggero colori. Colori accentati DOM Navy #003049 e Viewport Orange #ffa62b. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #003049 (più scuro) a #F6F6F6 (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #003049, #7FDBB6, #9FA5AF, #F6F6F6, #FF6F61, #FFA62B
La tavolozza Dynamic Web UI System ha una combinazione di colori dei codici 6:
ESADECIMALE: #003049, RGB: (0, 48, 73); ESADECIMALE: #7fdbb6, RGB: (127, 219, 182); ESADECIMALE: #ff6f61, RGB: (255, 111, 97)
ESADECIMALE: #f6f6f6, RGB: (246, 246, 246); ESADECIMALE: #9fa5af, RGB: (159, 165, 175); ESADECIMALE: #ffa62b, RGB: (255, 166, 43)
Versione semplificata della tavolozza dei colori
Ombra di midnightblue, Ombra di mediumaquamarine, Tonalità di salmon, Ombra di whitesmoke, Tonalità di darkgrey, Ombra di Arancia
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Dynamic Web UI System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #003049 | #003049 | RGB(0, 48, 73) | DOM Navy | — |
| #7fdbb6 | #7fdbb6 | RGB(127, 219, 182) | Flex Mint | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Event Blush | Living Coral |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Load White Smoke | — |
| #9fa5af | #9fa5af | RGB(159, 165, 175) | Async Grey | — |
| #ffa62b | #ffa62b | RGB(255, 166, 43) | Viewport Orange | Mango |
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 |
#7fdbb6 | #ff6f61 | 1.65 |
#7fdbb6 | #f6f6f6 | 1.52 |
#7fdbb6 | #9fa5af | 1.49 |
#7fdbb6 | #ffa62b | 1.18 |
#ff6f61 | #9fa5af | 1.1 |
#ff6f61 | #ffa62b | 1.39 |
Tavolozza immagini Dynamic Web UI System png
Esporta tavolozza
Scarica la "Dynamic Web UI System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: