Mathematical UX Toolkit for Web
- Function Blue#42a5f5
- Input Cream#fffde7
- Output Green#81c784
- Variable Pink#f8bbd0
- Axis Charcoal#37474f
- Sigma Gray#e0e0e0
Dibuat pada 07/25/2025 08:12
Palet terdiri dari Terang, Setengah gelap warna. Warna aksen Function Blue #42a5f5 dan Input Cream #fffde7. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #37474F (paling gelap) ke #FFFDE7 (paling terang). Rentang kecerahan lebar.
Saturasi campuran — 2 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 (3 dari 6).
Kode HEX (diurutkan): #37474F, #42A5F5, #81C784, #E0E0E0, #F8BBD0, #FFFDE7
Palet Mathematical UX Toolkit for Web menggabungkan 6 kode warna:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #fffde7, RGB: (255, 253, 231); HEX: #81c784, RGB: (129, 199, 132)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #37474f, RGB: (55, 71, 79); HEX: #e0e0e0, RGB: (224, 224, 224)
Versi warna palet yang disederhanakan
Nuansa terang dari Biru Dodger, Nuansa terang dari Krem, Nuansa terang dari Hijau laut tua, Nuansa gelap dari Merah Jambu, Nuansa gelap dari Abu-abu batu tua, Nuansa terang dari Gainsboro
Skema warna diciptakan oleh colorstudio
Kode warna dalam palet
Mathematical UX Toolkit for Web kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Function Blue | — |
| #fffde7 | #fffde7 | RGB(255, 253, 231) | Input Cream | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Output Green | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Variable Pink | — |
| #37474f | #37474f | RGB(55, 71, 79) | Axis Charcoal | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Sigma Gray | Gray88 |
Kontras Palet Warna
8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#42a5f5 | #81c784 | 1.31 |
#42a5f5 | #f8bbd0 | 1.64 |
#fffde7 | #81c784 | 1.96 |
#fffde7 | #f8bbd0 | 1.57 |
#fffde7 | #e0e0e0 | 1.28 |
#81c784 | #f8bbd0 | 1.24 |
Palet gambar Mathematical UX Toolkit for Web png
Ekspor Palet
Unduh "Mathematical UX Toolkit for Web" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: