Dibuat di 07/22/2025 16:56
Frontend Modular Grid UI Framework
- Module Mint#aaf683
- Responsive Rust#ff6f59
- Breakpoint Beige#fff4e0
- Flex Container Blue#82a6f3
- CSS Shadow Gray#c1c8d0
- Accessibility Onyx#141414
Palet terdiri dari Lampu, Gelap warna. Warna aksen Breakpoint Beige #fff4e0 Dan Flex Container Blue #82a6f3. Palet memiliki suhu warna Hangat, Netral, Dingin.
Menurut kecerahan, palet ini dari #141414 (paling gelap) ke #FFF4E0 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Nada hangat dan dingin cukup seimbang.
Kode HEX (diurutkan): #141414, #82A6F3, #AAF683, #C1C8D0, #FF6F59, #FFF4E0
Palette Frontend Modular Grid UI Framework memiliki kombinasi warna kode 6:
HEX: #aaf683, RGB: (170, 246, 131); HEX: #ff6f59, RGB: (255, 111, 89); HEX: #fff4e0, RGB: (255, 244, 224)
HEX: #82a6f3, RGB: (130, 166, 243); HEX: #c1c8d0, RGB: (193, 200, 208); HEX: #141414, RGB: (20, 20, 20)
Versi warna palet yang disederhanakan
Bayangan dari palegreen, Bayangan dari tomato, Warna dari oldlace, Bayangan dari cornflowerblue, Bayangan dari Perak, Bayangan dari Hitam
Skema warna diciptakan oleh bad_colors
Kode warna dalam palet
Frontend Modular Grid UI Framework kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #aaf683 | #aaf683 | RGB(170, 246, 131) | Module Mint | — |
| #ff6f59 | #ff6f59 | RGB(255, 111, 89) | Responsive Rust | — |
| #fff4e0 | #fff4e0 | RGB(255, 244, 224) | Breakpoint Beige | — |
| #82a6f3 | #82a6f3 | RGB(130, 166, 243) | Flex Container Blue | — |
| #c1c8d0 | #c1c8d0 | RGB(193, 200, 208) | CSS Shadow Gray | — |
| #141414 | #141414 | RGB(20, 20, 20) | Accessibility Onyx | Sooty |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#aaf683 | #fff4e0 | 1.18 |
#aaf683 | #82a6f3 | 1.86 |
#aaf683 | #c1c8d0 | 1.3 |
#ff6f59 | #82a6f3 | 1.13 |
#ff6f59 | #c1c8d0 | 1.62 |
#fff4e0 | #c1c8d0 | 1.54 |
Palet gambar Frontend Modular Grid UI Framework png
Ekspor Palet
Unduh "Frontend Modular Grid UI Framework" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: