Creato a 06/02/2025 10:15
Bubbleframe Office UI
- Eggshell Base#fdfcfb
- Rose Tint#ffdde8
- Aqua Label#c6f3f5
- Dashboard Grape#e1d2ff
- UI Cream Lemon#fff5c1
- Footer Graphite#4b4b4b
La tavolozza è composta da Leggero colori. Colori accentati Dashboard Grape #e1d2ff e UI Cream Lemon #fff5c1. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #4B4B4B (più scuro) a #FDFCFB (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): #4B4B4B, #C6F3F5, #E1D2FF, #FDFCFB, #FFDDE8, #FFF5C1
La tavolozza Bubbleframe Office UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #fdfcfb, RGB: (253, 252, 251); ESADECIMALE: #ffdde8, RGB: (255, 221, 232); ESADECIMALE: #c6f3f5, RGB: (198, 243, 245)
ESADECIMALE: #e1d2ff, RGB: (225, 210, 255); ESADECIMALE: #fff5c1, RGB: (255, 245, 193); ESADECIMALE: #4b4b4b, RGB: (75, 75, 75)
Versione semplificata della tavolozza dei colori
Tonalità di Bianco, Tonalità di mistyrose, Ombra di paleturquoise, Ombra di thistle, Tonalità di lemonchiffon, Tonalità di dimgrey
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Bubbleframe Office UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fdfcfb | #fdfcfb | RGB(253, 252, 251) | Eggshell Base | — |
| #ffdde8 | #ffdde8 | RGB(255, 221, 232) | Rose Tint | — |
| #c6f3f5 | #c6f3f5 | RGB(198, 243, 245) | Aqua Label | — |
| #e1d2ff | #e1d2ff | RGB(225, 210, 255) | Dashboard Grape | — |
| #fff5c1 | #fff5c1 | RGB(255, 245, 193) | UI Cream Lemon | — |
| #4b4b4b | #4b4b4b | RGB(75, 75, 75) | Footer Graphite | Shadowed Steel |
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 |
#fdfcfb | #ffdde8 | 1.22 |
#fdfcfb | #c6f3f5 | 1.16 |
#fdfcfb | #e1d2ff | 1.37 |
#fdfcfb | #fff5c1 | 1.07 |
#ffdde8 | #c6f3f5 | 1.04 |
#ffdde8 | #e1d2ff | 1.12 |
Tavolozza immagini Bubbleframe Office UI png
Esporta tavolozza
Scarica la "Bubbleframe Office UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: