Dibuat di 06/17/2025 12:07
Responsive E-commerce UI Kit
- Cart Salmon#ff8e72
- Wishlist Mist#f4f5f7
- Product Teal Glow#22babb
- Add-to-Bag Orange#ffb84c
- Price Tag Navy#233142
- Promo Yellow Spark#ffea7f
Palet terdiri dari Lampu, Gelap warna. Warna aksen Product Teal Glow #22babb Dan Promo Yellow Spark #ffea7f. Palet memiliki suhu warna Hangat, Netral, Dingin.
Menurut kecerahan, palet ini dari #233142 (paling gelap) ke #F4F5F7 (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 hangat.
Kode HEX (diurutkan): #22BABB, #233142, #F4F5F7, #FF8E72, #FFB84C, #FFEA7F
Palette Responsive E-commerce UI Kit memiliki kombinasi warna kode 6:
HEX: #ff8e72, RGB: (255, 142, 114); HEX: #f4f5f7, RGB: (244, 245, 247); HEX: #22babb, RGB: (34, 186, 187)
HEX: #ffb84c, RGB: (255, 184, 76); HEX: #233142, RGB: (35, 49, 66); HEX: #ffea7f, RGB: (255, 234, 127)
Versi warna palet yang disederhanakan
Bayangan dari darksalmon, Warna dari whitesmoke, Bayangan dari lightseagreen, Bayangan dari Oranye, Bayangan dari midnightblue, Bayangan dari Dril
Skema warna diciptakan oleh colorscheme
Kode warna dalam palet
Responsive E-commerce UI Kit kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #ff8e72 | #ff8e72 | RGB(255, 142, 114) | Cart Salmon | — |
| #f4f5f7 | #f4f5f7 | RGB(244, 245, 247) | Wishlist Mist | — |
| #22babb | #22babb | RGB(34, 186, 187) | Product Teal Glow | — |
| #ffb84c | #ffb84c | RGB(255, 184, 76) | Add-to-Bag Orange | — |
| #233142 | #233142 | RGB(35, 49, 66) | Price Tag Navy | — |
| #ffea7f | #ffea7f | RGB(255, 234, 127) | Promo Yellow Spark | — |
Kontras Palet Warna
8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#ff8e72 | #22babb | 1.06 |
#ff8e72 | #ffb84c | 1.3 |
#ff8e72 | #ffea7f | 1.85 |
#f4f5f7 | #ffb84c | 1.57 |
#f4f5f7 | #ffea7f | 1.11 |
#22babb | #ffb84c | 1.38 |
Palet gambar Responsive E-commerce UI Kit png
Ekspor Palet
Unduh "Responsive E-commerce UI Kit" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: