Dibuat di 06/30/2025 17:45
Hyperlink UI Interaction Suite
- Click Indigo#4339f2
- Hover Pink#ff5ca8
- Visited Blue#0077cc
- Focus Cream#fffdf5
- Target Grey#6e7a8a
- Panel Beige#f4f1de
Palet terdiri dari Lampu, Setengah gelap warna. Warna aksen Visited Blue #0077cc Dan Focus Cream #fffdf5. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #0077CC (paling gelap) ke #FFFDF5 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 67% warna cerah.
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin (3 dari 6).
Kode HEX (diurutkan): #0077CC, #4339F2, #6E7A8A, #F4F1DE, #FF5CA8, #FFFDF5
Palette Hyperlink UI Interaction Suite memiliki kombinasi warna kode 6:
HEX: #4339f2, RGB: (67, 57, 242); HEX: #ff5ca8, RGB: (255, 92, 168); HEX: #0077cc, RGB: (0, 119, 204)
HEX: #fffdf5, RGB: (255, 253, 245); HEX: #6e7a8a, RGB: (110, 122, 138); HEX: #f4f1de, RGB: (244, 241, 222)
Versi warna palet yang disederhanakan
Bayangan dari Biru, Warna dari hotpink, Warna dari steelblue, Bayangan dari floralwhite, Warna dari slategrey, Warna dari beige
Skema warna diciptakan oleh palettespicker
Kode warna dalam palet
Hyperlink UI Interaction Suite kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #4339f2 | #4339f2 | RGB(67, 57, 242) | Click Indigo | — |
| #ff5ca8 | #ff5ca8 | RGB(255, 92, 168) | Hover Pink | — |
| #0077cc | #0077cc | RGB(0, 119, 204) | Visited Blue | — |
| #fffdf5 | #fffdf5 | RGB(255, 253, 245) | Focus Cream | — |
| #6e7a8a | #6e7a8a | RGB(110, 122, 138) | Target Grey | — |
| #f4f1de | #f4f1de | RGB(244, 241, 222) | Panel Beige | — |
Kontras Palet Warna
6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#4339f2 | #0077cc | 1.45 |
#4339f2 | #6e7a8a | 1.54 |
#ff5ca8 | #0077cc | 1.62 |
#ff5ca8 | #6e7a8a | 1.52 |
#0077cc | #6e7a8a | 1.06 |
#fffdf5 | #f4f1de | 1.11 |
Palet gambar Hyperlink UI Interaction Suite png
Ekspor Palet
Unduh "Hyperlink UI Interaction Suite" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: