Loading...
Creato a 06/01/2025 08:15
Warmbit Workspace UI
- Primary UI Gold#fff4b4
- Secondary Creamframe#fff9f1
- Accent Label Pink#ffcddc
- Accent Draft Mint#d3fff0
- Background Page White#ffffff
- Text Script Black#1f1f1f
La tavolozza è composta da Leggero, Buio colori. Colori accentati Secondary Creamframe #fff9f1 e Accent Draft Mint #d3fff0. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #1F1F1F (più scuro) a #FFFFFF (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #1F1F1F, #D3FFF0, #FFCDDC, #FFF4B4, #FFF9F1, #FFFFFF
La tavolozza Warmbit Workspace UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #fff4b4, RGB: (255, 244, 180); ESADECIMALE: #fff9f1, RGB: (255, 249, 241); ESADECIMALE: #ffcddc, RGB: (255, 205, 220)
ESADECIMALE: #d3fff0, RGB: (211, 255, 240); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #1f1f1f, RGB: (31, 31, 31)
Versione semplificata della tavolozza dei colori
Ombra di palegoldenrod, Tonalità di floralwhite, Ombra di Rosa, Tonalità di lightcyan, Bianco, Ombra di Nero
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Warmbit Workspace UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fff4b4 | #fff4b4 | RGB(255, 244, 180) | Primary UI Gold | — |
| #fff9f1 | #fff9f1 | RGB(255, 249, 241) | Secondary Creamframe | — |
| #ffcddc | #ffcddc | RGB(255, 205, 220) | Accent Label Pink | — |
| #d3fff0 | #d3fff0 | RGB(211, 255, 240) | Accent Draft Mint | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background Page White | White |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Text Script Black | Gray12 |
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 |
#fff4b4 | #fff9f1 | 1.06 |
#fff4b4 | #ffcddc | 1.25 |
#fff4b4 | #d3fff0 | 1.02 |
#fff4b4 | #ffffff | 1.11 |
#fff9f1 | #ffcddc | 1.33 |
#fff9f1 | #d3fff0 | 1.03 |
Tavolozza immagini Warmbit Workspace UI png
Esporta tavolozza
Scarica la "Warmbit Workspace UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: