Hyperlinked Interface Elements

Anchor Blue
#007aff
Hover Mist
#f0f4f8
Tap Rose
#ffbacd
Focus Yellow
#fff176
Unvisited Slate
#475569
Visited Indigo
#7c3aed

Palet terdiri dari Lampu, Setengah gelap warna. Warna aksen Anchor Blue #007aff Dan Focus Yellow #fff176. Palet memiliki suhu warna Dingin, Netral, Hangat.

Menurut kecerahan, palet ini dari #475569 (paling gelap) ke #F0F4F8 (paling terang). Rentang kecerahan lebar.

Saturasi keseluruhan terasa hidup (chroma tinggi).

Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #007AFF, #475569, #7C3AED, #F0F4F8, #FFBACD, #FFF176

Palette Hyperlinked Interface Elements memiliki kombinasi warna kode 6:

HEX: #007aff, RGB: (0, 122, 255); HEX: #f0f4f8, RGB: (240, 244, 248); HEX: #ffbacd, RGB: (255, 186, 205)

HEX: #fff176, RGB: (255, 241, 118); HEX: #475569, RGB: (71, 85, 105); HEX: #7c3aed, RGB: (124, 58, 237)

Versi warna palet yang disederhanakan

Warna dari steelblue, Warna dari aliceblue, Warna dari Merah Jambu, Bayangan dari Dril, Bayangan dari darkslateblue, Bayangan dari blueviolet

Skema warna diciptakan oleh colorday

Lebih banyak palet dengan:

Kode warna dalam palet

Hyperlinked Interface Elements kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#007aff	#007aff	RGB(0, 122, 255)	Anchor Blue	—
#f0f4f8	#f0f4f8	RGB(240, 244, 248)	Hover Mist	Child of Light
#ffbacd	#ffbacd	RGB(255, 186, 205)	Tap Rose	Tentacle Pink
#fff176	#fff176	RGB(255, 241, 118)	Focus Yellow	—
#475569	#475569	RGB(71, 85, 105)	Unvisited Slate	—
#7c3aed	#7c3aed	RGB(124, 58, 237)	Visited Indigo	—

Kontras Palet Warna

6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.

Warna teks	Warna latar belakang	Rasio Kontras
#007aff	#475569	1.88
#007aff	#7c3aed	1.41
#f0f4f8	#ffbacd	1.44
#f0f4f8	#fff176	1.05
#ffbacd	#fff176	1.37
#475569	#7c3aed	1.32

Palet gambar Hyperlinked Interface Elements png

Hyperlinked Interface Elements - #552001

--color-anchor-blue:	#007aff;
--color-hover-mist:	#f0f4f8;
--color-tap-rose:	#ffbacd;
--color-focus-yellow:	#fff176;
--color-unvisited-slate:	#475569;
--color-visited-indigo:	#7c3aed;

$color-anchor-blue:	#007aff;
$color-hover-mist:	#f0f4f8;
$color-tap-rose:	#ffbacd;
$color-focus-yellow:	#fff176;
$color-unvisited-slate:	#475569;
$color-visited-indigo:	#7c3aed;

@color-anchor-blue:	#007aff;
@color-hover-mist:	#f0f4f8;
@color-tap-rose:	#ffbacd;
@color-focus-yellow:	#fff176;
@color-unvisited-slate:	#475569;
@color-visited-indigo:	#7c3aed;