Creato a 05/28/2025 06:19
Oceanic UI Structure
- Primary Indigo#6366f1
- Secondary Periwinkle#a5b4fc
- Accent Sky#38bdf8
- Background Light#f8fafc
- Surface Cool White#ffffff
- Text Ink#1e293b
La tavolozza è composta da Leggero, Buio colori. Colori accentati Secondary Periwinkle #a5b4fc e Surface Cool White #ffffff. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #1E293B (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1E293B, #38BDF8, #6366F1, #A5B4FC, #F8FAFC, #FFFFFF
La tavolozza Oceanic UI Structure ha una combinazione di colori dei codici 6:
ESADECIMALE: #6366f1, RGB: (99, 102, 241); ESADECIMALE: #a5b4fc, RGB: (165, 180, 252); ESADECIMALE: #38bdf8, RGB: (56, 189, 248)
ESADECIMALE: #f8fafc, RGB: (248, 250, 252); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #1e293b, RGB: (30, 41, 59)
Versione semplificata della tavolozza dei colori
Tonalità di mediumslateblue, Tonalità di lightsteelblue, Ombra di deepskyblue, Ombra di whitesmoke, Bianco, Ombra di midnightblue
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Oceanic UI Structure codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Primary Indigo | — |
| #a5b4fc | #a5b4fc | RGB(165, 180, 252) | Secondary Periwinkle | — |
| #38bdf8 | #38bdf8 | RGB(56, 189, 248) | Accent Sky | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Light | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Cool White | White |
| #1e293b | #1e293b | RGB(30, 41, 59) | Text Ink | — |
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 |
|---|---|---|
#a5b4fc | #38bdf8 | 1.07 |
#a5b4fc | #f8fafc | 1.9 |
#a5b4fc | #ffffff | 1.99 |
#f8fafc | #ffffff | 1.04 |
Tavolozza immagini Oceanic UI Structure png
Esporta tavolozza
Scarica la "Oceanic UI Structure" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: