Dibuat di 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
Palet terdiri dari Lampu, Gelap warna. Warna aksen Secondary Periwinkle #a5b4fc Dan Surface Cool White #ffffff. Palet memiliki suhu warna Dingin, Netral.
Menurut kecerahan, palet ini dari #1E293B (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi campuran — ada swatch redup dan aksen lebih cerah.
Sebaran rona menunjukkan kelompok sebagian besar analog (heuristik, bukan aturan ketat).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #1E293B, #38BDF8, #6366F1, #A5B4FC, #F8FAFC, #FFFFFF
Palette Oceanic UI Structure memiliki kombinasi warna kode 6:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #a5b4fc, RGB: (165, 180, 252); HEX: #38bdf8, RGB: (56, 189, 248)
HEX: #f8fafc, RGB: (248, 250, 252); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e293b, RGB: (30, 41, 59)
Versi warna palet yang disederhanakan
Warna dari mediumslateblue, Warna dari lightsteelblue, Bayangan dari deepskyblue, Bayangan dari whitesmoke, Putih, Bayangan dari midnightblue
Skema warna diciptakan oleh palettespicker
Kode warna dalam palet
Oceanic UI Structure kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #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 | — |
Kontras Palet Warna
4 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#a5b4fc | #38bdf8 | 1.07 |
#a5b4fc | #f8fafc | 1.9 |
#a5b4fc | #ffffff | 1.99 |
#f8fafc | #ffffff | 1.04 |
Palet gambar Oceanic UI Structure png
Ekspor Palet
Unduh "Oceanic UI Structure" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: