Dibuat di 07/13/2025 14:34
Design Token Driven System UI
- Primary Indigo#3f51b5
- Secondary Peach#ffb997
- Success Mint#9aeba3
- Alert Red#e63946
- Neutral White#ffffff
- Disabled Grey#b0bec5
Palet terdiri dari Setengah gelap, Lampu warna. Warna aksen Primary Indigo #3f51b5 Dan Secondary Peach #ffb997. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #3F51B5 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan sedang.
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): #3F51B5, #9AEBA3, #B0BEC5, #E63946, #FFB997, #FFFFFF
Palette Design Token Driven System UI memiliki kombinasi warna kode 6:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ffb997, RGB: (255, 185, 151); HEX: #9aeba3, RGB: (154, 235, 163)
HEX: #e63946, RGB: (230, 57, 70); HEX: #ffffff, RGB: (255, 255, 255); HEX: #b0bec5, RGB: (176, 190, 197)
Versi warna palet yang disederhanakan
Warna dari slateblue, Bayangan dari lightsalmon, Bayangan dari lightgreen, Bayangan dari crimson, Putih, Warna dari Perak
Skema warna diciptakan oleh colorhunt
Kode warna dalam palet
Design Token Driven System UI kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Primary Indigo | — |
| #ffb997 | #ffb997 | RGB(255, 185, 151) | Secondary Peach | — |
| #9aeba3 | #9aeba3 | RGB(154, 235, 163) | Success Mint | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Alert Red | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Neutral White | White |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Disabled Grey | Ocean Drive |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#3f51b5 | #e63946 | 1.64 |
#ffb997 | #9aeba3 | 1.16 |
#ffb997 | #ffffff | 1.66 |
#ffb997 | #b0bec5 | 1.14 |
#9aeba3 | #ffffff | 1.42 |
#9aeba3 | #b0bec5 | 1.34 |
Palet gambar Design Token Driven System UI png
Ekspor Palet
Unduh "Design Token Driven System UI" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: