Dark UX Interaction Engine
- Surface Night#1a1a1a
- Click Ripple Blue#3c91e6
- Alert Crimson#ff1e56
- Hover Slate#a1a1aa
- Keyboard Graphite#3a3a3c
- Outline Ice#e0e0e0
Dibuat pada 06/08/2025 17:41
Palet terdiri dari Gelap, Terang, Setengah gelap warna. Warna aksen Click Ripple Blue #3c91e6 dan Alert Crimson #ff1e56. Palet memiliki suhu warna Netral, Dingin, Hangat.
Menurut kecerahan, palet ini dari #1A1A1A (paling gelap) ke #E0E0E0 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa sebagian besar redup (chroma rendah) — 67% warna redup.
Sebagian besar warna mendekati netral atau sangat rendah saturasi; hubungan rona halus.
Sebagian besar sampel terbaca netral dalam suhu warna (4 dari 6).
Kode HEX (diurutkan): #1A1A1A, #3A3A3C, #3C91E6, #A1A1AA, #E0E0E0, #FF1E56
Palet Dark UX Interaction Engine menggabungkan 6 kode warna:
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #3c91e6, RGB: (60, 145, 230); HEX: #ff1e56, RGB: (255, 30, 86)
HEX: #a1a1aa, RGB: (161, 161, 170); HEX: #3a3a3c, RGB: (58, 58, 60); HEX: #e0e0e0, RGB: (224, 224, 224)
Versi warna palet yang disederhanakan
Nuansa terang dari Hitam, Nuansa terang dari Biru Dodger, Nuansa terang dari Krimson, Nuansa gelap dari Abu-abu tua, Nuansa gelap dari Abu-abu batu tua, Nuansa terang dari Gainsboro
Skema warna diciptakan oleh colourlock
Kode warna dalam palet
Dark UX Interaction Engine kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Surface Night | Gray10 |
| #3c91e6 | #3c91e6 | RGB(60, 145, 230) | Click Ripple Blue | — |
| #ff1e56 | #ff1e56 | RGB(255, 30, 86) | Alert Crimson | — |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Hover Slate | — |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Keyboard Graphite | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Outline Ice | Gray88 |
Kontras Palet Warna
5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#1a1a1a | #3a3a3c | 1.53 |
#3c91e6 | #ff1e56 | 1.14 |
#3c91e6 | #a1a1aa | 1.28 |
#ff1e56 | #a1a1aa | 1.47 |
#a1a1aa | #e0e0e0 | 1.94 |
Palet gambar Dark UX Interaction Engine png
Ekspor Palet
Unduh "Dark UX Interaction Engine" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia:
