Hyperlink Interactive UI System

Anchor Blue
#1e88e5
Visited Purple
#8e24aa
Hover Mint
#69f0ae
Active Coral
#ff7043
Focus Yellow
#fff176
Text Black
#212121
Background White
#fafafa

Palet terdiri dari Lampu, Gelap warna. Warna aksen Anchor Blue #1e88e5 Dan Focus Yellow #fff176. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #212121 (paling gelap) ke #FAFAFA (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): #1E88E5, #212121, #69F0AE, #8E24AA, #FAFAFA, #FF7043, #FFF176

Palette Hyperlink Interactive UI System memiliki kombinasi warna kode 7:

HEX: #1e88e5, RGB: (30, 136, 229); HEX: #8e24aa, RGB: (142, 36, 170); HEX: #69f0ae, RGB: (105, 240, 174)

HEX: #ff7043, RGB: (255, 112, 67); HEX: #fff176, RGB: (255, 241, 118); HEX: #212121, RGB: (33, 33, 33)

HEX: #fafafa, RGB: (250, 250, 250)

Versi warna palet yang disederhanakan

Warna dari dodgerblue, Warna dari darkorchid, Bayangan dari mediumspringgreen, Warna dari coral, Bayangan dari Dril, Bayangan dari Hitam, Bayangan dari whitesmoke

Skema warna diciptakan oleh colourlock

Lebih banyak palet dengan:

Kode warna dalam palet

Hyperlink Interactive UI System kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#1e88e5	#1e88e5	RGB(30, 136, 229)	Anchor Blue	—
#8e24aa	#8e24aa	RGB(142, 36, 170)	Visited Purple	—
#69f0ae	#69f0ae	RGB(105, 240, 174)	Hover Mint	—
#ff7043	#ff7043	RGB(255, 112, 67)	Active Coral	—
#fff176	#fff176	RGB(255, 241, 118)	Focus Yellow	—
#212121	#212121	RGB(33, 33, 33)	Text Black	Lead
#fafafa	#fafafa	RGB(250, 250, 250)	Background White	Dr. White

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#1e88e5	#8e24aa	1.91
#1e88e5	#ff7043	1.34
#69f0ae	#ff7043	1.91
#69f0ae	#fff176	1.23
#69f0ae	#fafafa	1.37
#fff176	#fafafa	1.11

Palet gambar Hyperlink Interactive UI System png

Hyperlink Interactive UI System - #553443

--color-anchor-blue:	#1e88e5;
--color-visited-purple:	#8e24aa;
--color-hover-mint:	#69f0ae;
--color-active-coral:	#ff7043;
--color-focus-yellow:	#fff176;
--color-text-black:	#212121;
--color-background-white:	#fafafa;

$color-anchor-blue:	#1e88e5;
$color-visited-purple:	#8e24aa;
$color-hover-mint:	#69f0ae;
$color-active-coral:	#ff7043;
$color-focus-yellow:	#fff176;
$color-text-black:	#212121;
$color-background-white:	#fafafa;

@color-anchor-blue:	#1e88e5;
@color-visited-purple:	#8e24aa;
@color-hover-mint:	#69f0ae;
@color-active-coral:	#ff7043;
@color-focus-yellow:	#fff176;
@color-text-black:	#212121;
@color-background-white:	#fafafa;