Design system modules 4px systematic palette
- French Rose#ef4a88
- Heliotrope#d26ff7
- Green (Crayola)#21b77c
- Moonstone Blue#7aadbe
- Pastel Blue#a8d0cb
- Feldgrau#446858
Dibuat pada 10/26/2022 09:33
Palet terdiri dari Terang, Setengah gelap warna. Warna aksen Heliotrope #d26ff7 dan Green (Crayola) #21b77c. Palet memiliki suhu warna Hangat, Dingin.
Menurut kecerahan, palet ini dari #446858 (paling gelap) ke #A8D0CB (paling terang). Rentang kecerahan sedang.
Saturasi campuran — 1 redup dan 3 cerah dari 6 warna.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke dingin (5 dari 6).
Kode HEX (diurutkan): #21B77C, #446858, #7AADBE, #A8D0CB, #D26FF7, #EF4A88
Palet Design system modules 4px systematic palette menggabungkan 6 kode warna:
HEX: #ef4a88, RGB: (239, 74, 136); HEX: #d26ff7, RGB: (210, 111, 247); HEX: #21b77c, RGB: (33, 183, 124)
HEX: #7aadbe, RGB: (122, 173, 190); HEX: #a8d0cb, RGB: (168, 208, 203); HEX: #446858, RGB: (68, 104, 88)
Versi warna palet yang disederhanakan
Nuansa terang dari Merah jambu tua, Nuansa terang dari Anggrek, Nuansa gelap dari Hijau laut sedang, Nuansa gelap dari Biru langit, Nuansa gelap dari Biru bedak, Nuansa terang dari Abu-abu batu tua
Skema warna diciptakan oleh colorswall
Kode warna dalam palet
Design system modules 4px systematic palette kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #ef4a88 | #ef4a88 | RGB(239, 74, 136) | French Rose | — |
| #d26ff7 | #d26ff7 | RGB(210, 111, 247) | Heliotrope | — |
| #21b77c | #21b77c | RGB(33, 183, 124) | Green (Crayola) | — |
| #7aadbe | #7aadbe | RGB(122, 173, 190) | Moonstone Blue | — |
| #a8d0cb | #a8d0cb | RGB(168, 208, 203) | Pastel Blue | — |
| #446858 | #446858 | RGB(68, 104, 88) | Feldgrau | — |
Kontras Palet Warna
10 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#ef4a88 | #d26ff7 | 1.22 |
#ef4a88 | #21b77c | 1.35 |
#ef4a88 | #7aadbe | 1.42 |
#ef4a88 | #446858 | 1.78 |
#d26ff7 | #21b77c | 1.1 |
#d26ff7 | #7aadbe | 1.16 |
Palet gambar Design system modules 4px systematic palette png
Ekspor Palet
Unduh "Design system modules 4px systematic palette" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: