Dibuat di 06/16/2025 20:07
Hypermedia Navigation UI Toolkit
- Breadcrumb Bronze#c1995e
- Anchor Tag Teal#1ac6a8
- Responsive Clay#e2ded0
- Viewport Violet#9873ff
- Scroll Link Blush#f29db6
- Sticky Header Navy#233142
Palet terdiri dari Lampu, Gelap warna. Warna aksen Breadcrumb Bronze #c1995e Dan Viewport Violet #9873ff. Palet memiliki suhu warna Hangat, Dingin, Netral.
Menurut kecerahan, palet ini dari #233142 (paling gelap) ke #E2DED0 (paling terang). Rentang kecerahan lebar.
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): #1AC6A8, #233142, #9873FF, #C1995E, #E2DED0, #F29DB6
Palette Hypermedia Navigation UI Toolkit memiliki kombinasi warna kode 6:
HEX: #c1995e, RGB: (193, 153, 94); HEX: #1ac6a8, RGB: (26, 198, 168); HEX: #e2ded0, RGB: (226, 222, 208)
HEX: #9873ff, RGB: (152, 115, 255); HEX: #f29db6, RGB: (242, 157, 182); HEX: #233142, RGB: (35, 49, 66)
Versi warna palet yang disederhanakan
Warna dari tan, Warna dari mediumaquamarine, Warna dari oldlace, Bayangan dari mediumpurple, Warna dari lightpink, Bayangan dari midnightblue
Skema warna diciptakan oleh palettespicker
Kode warna dalam palet
Hypermedia Navigation UI Toolkit kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #c1995e | #c1995e | RGB(193, 153, 94) | Breadcrumb Bronze | — |
| #1ac6a8 | #1ac6a8 | RGB(26, 198, 168) | Anchor Tag Teal | — |
| #e2ded0 | #e2ded0 | RGB(226, 222, 208) | Responsive Clay | — |
| #9873ff | #9873ff | RGB(152, 115, 255) | Viewport Violet | — |
| #f29db6 | #f29db6 | RGB(242, 157, 182) | Scroll Link Blush | — |
| #233142 | #233142 | RGB(35, 49, 66) | Sticky Header Navy | — |
Kontras Palet Warna
9 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#c1995e | #1ac6a8 | 1.21 |
#c1995e | #e2ded0 | 1.95 |
#c1995e | #9873ff | 1.28 |
#c1995e | #f29db6 | 1.28 |
#1ac6a8 | #e2ded0 | 1.6 |
#1ac6a8 | #9873ff | 1.55 |
Palet gambar Hypermedia Navigation UI Toolkit png
Ekspor Palet
Unduh "Hypermedia Navigation UI Toolkit" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: