Dibuat di 07/11/2025 21:31
Web Component Architecture UI
- Shadow DOM Grey#ced0ce
- Slot Mint#a3f7bf
- HTML Tag Blue#407bff
- Style Isolate Beige#fff1e6
- Element Coral#ff6b6b
- JS Logic Navy#1a1a40
Palet terdiri dari Lampu, Gelap warna. Warna aksen HTML Tag Blue #407bff Dan Style Isolate Beige #fff1e6. Palet memiliki suhu warna Netral, Dingin, Hangat.
Menurut kecerahan, palet ini dari #1A1A40 (paling gelap) ke #FFF1E6 (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): #1A1A40, #407BFF, #A3F7BF, #CED0CE, #FF6B6B, #FFF1E6
Palette Web Component Architecture UI memiliki kombinasi warna kode 6:
HEX: #ced0ce, RGB: (206, 208, 206); HEX: #a3f7bf, RGB: (163, 247, 191); HEX: #407bff, RGB: (64, 123, 255)
HEX: #fff1e6, RGB: (255, 241, 230); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #1a1a40, RGB: (26, 26, 64)
Versi warna palet yang disederhanakan
Warna dari lightgrey, Bayangan dari aquamarine, Bayangan dari royalblue, Bayangan dari linen, Warna dari salmon, Warna dari midnightblue
Skema warna diciptakan oleh colorslib
Kode warna dalam palet
Web Component Architecture UI kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #ced0ce | #ced0ce | RGB(206, 208, 206) | Shadow DOM Grey | — |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Slot Mint | — |
| #407bff | #407bff | RGB(64, 123, 255) | HTML Tag Blue | — |
| #fff1e6 | #fff1e6 | RGB(255, 241, 230) | Style Isolate Beige | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Element Coral | — |
| #1a1a40 | #1a1a40 | RGB(26, 26, 64) | JS Logic Navy | — |
Kontras Palet Warna
5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#ced0ce | #a3f7bf | 1.22 |
#ced0ce | #fff1e6 | 1.4 |
#ced0ce | #ff6b6b | 1.78 |
#a3f7bf | #fff1e6 | 1.14 |
#407bff | #ff6b6b | 1.37 |
Palet gambar Web Component Architecture UI png
Ekspor Palet
Unduh "Web Component Architecture UI" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: