Dibuat di 07/04/2025 09:40
Web Components Atomic Kit
- Atom Teal#4db6ac
- Module Violet#9575cd
- Shadow DOM Grey#cfd8dc
- Slot Orange#ffb74d
- Element White#ffffff
- Event Black#212121
- Refactor Aqua#80deea
Palet terdiri dari Lampu, Gelap warna. Warna aksen Slot Orange #ffb74d Dan Refactor Aqua #80deea. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #212121 (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).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #212121, #4DB6AC, #80DEEA, #9575CD, #CFD8DC, #FFB74D, #FFFFFF
Palette Web Components Atomic Kit memiliki kombinasi warna kode 7:
HEX: #4db6ac, RGB: (77, 182, 172); HEX: #9575cd, RGB: (149, 117, 205); HEX: #cfd8dc, RGB: (207, 216, 220)
HEX: #ffb74d, RGB: (255, 183, 77); HEX: #ffffff, RGB: (255, 255, 255); HEX: #212121, RGB: (33, 33, 33)
HEX: #80deea, RGB: (128, 222, 234)
Versi warna palet yang disederhanakan
Bayangan dari lightseagreen, Bayangan dari mediumpurple, Bayangan dari lightgrey, Bayangan dari Oranye, Putih, Bayangan dari Hitam, Warna dari powderblue
Skema warna diciptakan oleh colorstudio
Kode warna dalam palet
Web Components Atomic Kit kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | Atom Teal | — |
| #9575cd | #9575cd | RGB(149, 117, 205) | Module Violet | — |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | Shadow DOM Grey | — |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | Slot Orange | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Element White | White |
| #212121 | #212121 | RGB(33, 33, 33) | Event Black | Lead |
| #80deea | #80deea | RGB(128, 222, 234) | Refactor Aqua | — |
Kontras Palet Warna
10 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#4db6ac | #9575cd | 1.5 |
#4db6ac | #cfd8dc | 1.68 |
#4db6ac | #ffb74d | 1.41 |
#4db6ac | #80deea | 1.57 |
#cfd8dc | #ffb74d | 1.19 |
#cfd8dc | #ffffff | 1.44 |
Palet gambar Web Components Atomic Kit png
Ekspor Palet
Unduh "Web Components Atomic Kit" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: