Dibuat di 08/19/2022 09:03
Animation interface design ux colors
- Barbie Pink#e92485
- Pale Cerulean#9cbfeb
- Japanese Indigo#24444c
- Dim Gray#6a6c70
- Pink Lavender#cdb7ca
- Dark Slate Gray#344e54
Palet terdiri dari Setengah gelap, Lampu warna. Warna aksen Barbie Pink #e92485 Dan Japanese Indigo #24444c. Palet memiliki suhu warna Hangat, Dingin, Netral.
Menurut kecerahan, palet ini dari #24444C (paling gelap) ke #9CBFEB (paling terang). Rentang kecerahan sedang.
Saturasi campuran — ada swatch redup dan aksen lebih cerah.
Rona tersebar luas pada roda — palet bervariasi (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #24444C, #344E54, #6A6C70, #9CBFEB, #CDB7CA, #E92485
Palette Animation interface design ux colors memiliki kombinasi warna kode 6:
HEX: #e92485, RGB: (233, 36, 133); HEX: #9cbfeb, RGB: (156, 191, 235); HEX: #24444c, RGB: (36, 68, 76)
HEX: #6a6c70, RGB: (106, 108, 112); HEX: #cdb7ca, RGB: (205, 183, 202); HEX: #344e54, RGB: (52, 78, 84)
Versi warna palet yang disederhanakan
Bayangan dari deeppink, Warna dari lightsteelblue, Warna dari darkslategrey, Bayangan dari dimgrey, Warna dari thistle, Bayangan dari darkslategrey
Skema warna diciptakan oleh colorswall
Lebih banyak palet dengan:
Kode warna dalam palet
Animation interface design ux colors kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #e92485 | #e92485 | RGB(233, 36, 133) | Barbie Pink | — |
| #9cbfeb | #9cbfeb | RGB(156, 191, 235) | Pale Cerulean | — |
| #24444c | #24444c | RGB(36, 68, 76) | Japanese Indigo | — |
| #6a6c70 | #6a6c70 | RGB(106, 108, 112) | Dim Gray | — |
| #cdb7ca | #cdb7ca | RGB(205, 183, 202) | Pink Lavender | — |
| #344e54 | #344e54 | RGB(52, 78, 84) | Dark Slate Gray | — |
Kontras Palet Warna
5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#e92485 | #6a6c70 | 1.26 |
#9cbfeb | #cdb7ca | 1.01 |
#24444c | #6a6c70 | 1.98 |
#24444c | #344e54 | 1.17 |
#6a6c70 | #344e54 | 1.68 |
Palet gambar Animation interface design ux colors png
Ekspor Palet
Unduh "Animation interface design ux colors" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: