Dibuat di 08/11/2025 14:45
Adaptive UX Pattern Library
- Primary Blue#1565c0
- Accent Coral#ff6f61
- Focus Mint#81c784
- Neutral Gray#9e9e9e
- Alert Yellow#f9a825
- Background White#ffffff
- Text Black#000000
Palet terdiri dari Setengah gelap, Lampu, Gelap warna. Warna aksen Primary Blue #1565c0 Dan Accent Coral #ff6f61. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #000000 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi campuran — ada swatch redup dan aksen lebih cerah.
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Sebagian besar sampel terbaca netral dalam suhu warna.
Kode HEX (diurutkan): #000000, #1565C0, #81C784, #9E9E9E, #F9A825, #FF6F61, #FFFFFF
Palette Adaptive UX Pattern Library memiliki kombinasi warna kode 7:
HEX: #1565c0, RGB: (21, 101, 192); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #81c784, RGB: (129, 199, 132)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #f9a825, RGB: (249, 168, 37); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #000000, RGB: (0, 0, 0)
Versi warna palet yang disederhanakan
Warna dari royalblue, Warna dari salmon, Bayangan dari darkseagreen, Warna dari darkgrey, Bayangan dari Oranye, Putih, Hitam
Skema warna diciptakan oleh colorstudio
Kode warna dalam palet
Adaptive UX Pattern Library kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #1565c0 | #1565c0 | RGB(21, 101, 192) | Primary Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Accent Coral | Living Coral |
| #81c784 | #81c784 | RGB(129, 199, 132) | Focus Mint | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Neutral Gray | Gray62 |
| #f9a825 | #f9a825 | RGB(249, 168, 37) | Alert Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #000000 | #000000 | RGB(0, 0, 0) | Text Black | Black |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#ff6f61 | #81c784 | 1.35 |
#ff6f61 | #9e9e9e | 1.01 |
#ff6f61 | #f9a825 | 1.38 |
#81c784 | #9e9e9e | 1.33 |
#81c784 | #f9a825 | 1.02 |
#9e9e9e | #f9a825 | 1.35 |
Palet gambar Adaptive UX Pattern Library png
Ekspor Palet
Unduh "Adaptive UX Pattern Library" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: