Dibuat di 06/28/2025 20:12
Data Grid UI Framework
- Row Blue#3b82f6
- Cell Cream#fefce8
- Header Slate#475569
- Sort Mint#6ee7b7
- Filter Coral#fb7185
- Select Fog#f5f5f5
- Overflow Jet#0f172a
Palet terdiri dari Lampu, Setengah gelap, Gelap warna. Warna aksen Row Blue #3b82f6 Dan Filter Coral #fb7185. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #0F172A (paling gelap) ke #F5F5F5 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #0F172A, #3B82F6, #475569, #6EE7B7, #F5F5F5, #FB7185, #FEFCE8
Palette Data Grid UI Framework memiliki kombinasi warna kode 7:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #fefce8, RGB: (254, 252, 232); HEX: #475569, RGB: (71, 85, 105)
HEX: #6ee7b7, RGB: (110, 231, 183); HEX: #fb7185, RGB: (251, 113, 133); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #0f172a, RGB: (15, 23, 42)
Versi warna palet yang disederhanakan
Warna dari dodgerblue, Warna dari ivory, Bayangan dari darkslateblue, Warna dari aquamarine, Warna dari lightcoral, Bayangan dari Hitam
Skema warna diciptakan oleh colorstudio
Kode warna dalam palet
Data Grid UI Framework kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Row Blue | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Cell Cream | — |
| #475569 | #475569 | RGB(71, 85, 105) | Header Slate | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Sort Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Filter Coral | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Select Fog | White Smoke |
| #0f172a | #0f172a | RGB(15, 23, 42) | Overflow Jet | — |
Kontras Palet Warna
5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#3b82f6 | #fb7185 | 1.36 |
#fefce8 | #6ee7b7 | 1.47 |
#fefce8 | #f5f5f5 | 1.05 |
#6ee7b7 | #fb7185 | 1.76 |
#6ee7b7 | #f5f5f5 | 1.39 |
Palet gambar Data Grid UI Framework png
Ekspor Palet
Unduh "Data Grid UI Framework" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: