Dibuat di 08/11/2025 09:49
Responsive Layout UI Kit
- Breakpoint Blue#2196f3
- Gridline Gray#9e9e9e
- Flexbox Yellow#ffd54f
- Container White#fafafa
- Sticky Header Navy#1a237e
- Media Query Mint#80cbc4
- Overflow Red#f44336
Palet terdiri dari Lampu, Gelap warna. Warna aksen Breakpoint Blue #2196f3 Dan Flexbox Yellow #ffd54f. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #1A237E (paling gelap) ke #FAFAFA (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): #1A237E, #2196F3, #80CBC4, #9E9E9E, #F44336, #FAFAFA, #FFD54F
Palette Responsive Layout UI Kit memiliki kombinasi warna kode 7:
HEX: #2196f3, RGB: (33, 150, 243); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #ffd54f, RGB: (255, 213, 79)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #1a237e, RGB: (26, 35, 126); HEX: #80cbc4, RGB: (128, 203, 196)
HEX: #f44336, RGB: (244, 67, 54)
Versi warna palet yang disederhanakan
Bayangan dari dodgerblue, Warna dari darkgrey, Bayangan dari gold, Bayangan dari whitesmoke, Bayangan dari midnightblue, Bayangan dari mediumturquoise, Warna dari tomato
Skema warna diciptakan oleh colorslib
Kode warna dalam palet
Responsive Layout UI Kit kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Breakpoint Blue | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Gridline Gray | Gray62 |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Flexbox Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Container White | Dr. White |
| #1a237e | #1a237e | RGB(26, 35, 126) | Sticky Header Navy | — |
| #80cbc4 | #80cbc4 | RGB(128, 203, 196) | Media Query Mint | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Overflow Red | — |
Kontras Palet Warna
10 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#2196f3 | #9e9e9e | 1.16 |
#2196f3 | #80cbc4 | 1.67 |
#2196f3 | #f44336 | 1.17 |
#9e9e9e | #ffd54f | 1.89 |
#9e9e9e | #80cbc4 | 1.43 |
#9e9e9e | #f44336 | 1.37 |
Palet gambar Responsive Layout UI Kit png
Ekspor Palet
Unduh "Responsive Layout UI Kit" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: