Dibuat di 06/26/2025 08:26
Composable Web UX Patterns
- Atomic Tangerine#ff9e6d
- Markup Plum#9b5de5
- Grid Overlay#ced4da
- Canvas Sand#fff9ec
- Module Navy#023047
- Style Byte Blue#3a86ff
- Sticky Beige#f8e9d2
Palet terdiri dari Lampu, Gelap warna. Warna aksen Canvas Sand #fff9ec Dan Style Byte Blue #3a86ff. Palet memiliki suhu warna Hangat, Dingin, Netral.
Menurut kecerahan, palet ini dari #023047 (paling gelap) ke #FFF9EC (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): #023047, #3A86FF, #9B5DE5, #CED4DA, #F8E9D2, #FF9E6D, #FFF9EC
Palette Composable Web UX Patterns memiliki kombinasi warna kode 7:
HEX: #ff9e6d, RGB: (255, 158, 109); HEX: #9b5de5, RGB: (155, 93, 229); HEX: #ced4da, RGB: (206, 212, 218)
HEX: #fff9ec, RGB: (255, 249, 236); HEX: #023047, RGB: (2, 48, 71); HEX: #3a86ff, RGB: (58, 134, 255)
HEX: #f8e9d2, RGB: (248, 233, 210)
Versi warna palet yang disederhanakan
Warna dari lightsalmon, Warna dari mediumpurple, Warna dari lightgrey, Bayangan dari oldlace, Bayangan dari midnightblue, Bayangan dari dodgerblue, Warna dari antiquewhite
Skema warna diciptakan oleh colorslib
Kode warna dalam palet
Composable Web UX Patterns kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #ff9e6d | #ff9e6d | RGB(255, 158, 109) | Atomic Tangerine | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Markup Plum | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Grid Overlay | — |
| #fff9ec | #fff9ec | RGB(255, 249, 236) | Canvas Sand | Day Lily |
| #023047 | #023047 | RGB(2, 48, 71) | Module Navy | — |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Style Byte Blue | — |
| #f8e9d2 | #f8e9d2 | RGB(248, 233, 210) | Sticky Beige | — |
Kontras Palet Warna
8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#ff9e6d | #ced4da | 1.35 |
#ff9e6d | #fff9ec | 1.93 |
#ff9e6d | #3a86ff | 1.71 |
#ff9e6d | #f8e9d2 | 1.69 |
#9b5de5 | #3a86ff | 1.18 |
#ced4da | #fff9ec | 1.42 |
Palet gambar Composable Web UX Patterns png
Ekspor Palet
Unduh "Composable Web UX Patterns" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: