Product Engineering Design System
- Blueprint Azure#1c6ed5
- Component Sky#6fb1fc
- Interaction Mint#5fe3c0
- Divider Fog#e4e7ec
- Primary Ink#101828
- Highlight Apricot#ffb703
Dibuat pada 01/22/2026 09:04
Palet terdiri dari Setengah gelap, Terang, Gelap warna. Warna aksen Component Sky #6fb1fc dan Highlight Apricot #ffb703. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #101828 (paling gelap) ke #E4E7EC (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 67% warna cerah.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke dingin (4 dari 6).
Kode HEX (diurutkan): #101828, #1C6ED5, #5FE3C0, #6FB1FC, #E4E7EC, #FFB703
Palet Product Engineering Design System menggabungkan 6 kode warna:
HEX: #1c6ed5, RGB: (28, 110, 213); HEX: #6fb1fc, RGB: (111, 177, 252); HEX: #5fe3c0, RGB: (95, 227, 192)
HEX: #e4e7ec, RGB: (228, 231, 236); HEX: #101828, RGB: (16, 24, 40); HEX: #ffb703, RGB: (255, 183, 3)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru royal, Nuansa terang dari Biru bunga jagung, Nuansa terang dari Akuamarin sedang, Nuansa gelap dari Biru Alice, Nuansa terang dari Hitam, Nuansa terang dari Oranye
Skema warna diciptakan oleh colorstudio
Kode warna dalam palet
Product Engineering Design System kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #1c6ed5 | #1c6ed5 | RGB(28, 110, 213) | Blueprint Azure | — |
| #6fb1fc | #6fb1fc | RGB(111, 177, 252) | Component Sky | — |
| #5fe3c0 | #5fe3c0 | RGB(95, 227, 192) | Interaction Mint | — |
| #e4e7ec | #e4e7ec | RGB(228, 231, 236) | Divider Fog | — |
| #101828 | #101828 | RGB(16, 24, 40) | Primary Ink | — |
| #ffb703 | #ffb703 | RGB(255, 183, 3) | Highlight Apricot | — |
Kontras Palet Warna
6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#6fb1fc | #5fe3c0 | 1.41 |
#6fb1fc | #e4e7ec | 1.8 |
#6fb1fc | #ffb703 | 1.28 |
#5fe3c0 | #e4e7ec | 1.27 |
#5fe3c0 | #ffb703 | 1.1 |
#e4e7ec | #ffb703 | 1.4 |
Palet gambar Product Engineering Design System png
Ekspor Palet
Unduh "Product Engineering Design System" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: