Techno Twilight Scheme

Twilight Blue
#4a67ff
Signal Magenta
#ff59a7
Panel Gray
#a9abb1
UI White
#fafbfc
Core Black
#111318
Highlight Gold
#ffd85c

Palet terdiri dari Lampu, Gelap warna. Warna aksen Twilight Blue #4a67ff Dan Highlight Gold #ffd85c. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #111318 (paling gelap) ke #FAFBFC (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).

Nada hangat dan dingin cukup seimbang.

Kode HEX (diurutkan): #111318, #4A67FF, #A9ABB1, #FAFBFC, #FF59A7, #FFD85C

Palette Techno Twilight Scheme memiliki kombinasi warna kode 6:

HEX: #4a67ff, RGB: (74, 103, 255); HEX: #ff59a7, RGB: (255, 89, 167); HEX: #a9abb1, RGB: (169, 171, 177)

HEX: #fafbfc, RGB: (250, 251, 252); HEX: #111318, RGB: (17, 19, 24); HEX: #ffd85c, RGB: (255, 216, 92)

Versi warna palet yang disederhanakan

Bayangan dari royalblue, Warna dari hotpink, Bayangan dari darkgrey, Warna dari Putih, Bayangan dari Hitam, Bayangan dari gold

Skema warna diciptakan oleh colorslib

Lebih banyak palet dengan:

Kode warna dalam palet

Techno Twilight Scheme kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#4a67ff	#4a67ff	RGB(74, 103, 255)	Twilight Blue	—
#ff59a7	#ff59a7	RGB(255, 89, 167)	Signal Magenta	—
#a9abb1	#a9abb1	RGB(169, 171, 177)	Panel Gray	—
#fafbfc	#fafbfc	RGB(250, 251, 252)	UI White	—
#111318	#111318	RGB(17, 19, 24)	Core Black	—
#ffd85c	#ffd85c	RGB(255, 216, 92)	Highlight Gold	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#4a67ff	#ff59a7	1.54
#4a67ff	#a9abb1	1.95
#ff59a7	#a9abb1	1.26
#a9abb1	#ffd85c	1.66
#fafbfc	#ffd85c	1.33

Palet gambar Techno Twilight Scheme png

--color-twilight-blue:	#4a67ff;
--color-signal-magenta:	#ff59a7;
--color-panel-gray:	#a9abb1;
--color-ui-white:	#fafbfc;
--color-core-black:	#111318;
--color-highlight-gold:	#ffd85c;

$color-twilight-blue:	#4a67ff;
$color-signal-magenta:	#ff59a7;
$color-panel-gray:	#a9abb1;
$color-ui-white:	#fafbfc;
$color-core-black:	#111318;
$color-highlight-gold:	#ffd85c;

@color-twilight-blue:	#4a67ff;
@color-signal-magenta:	#ff59a7;
@color-panel-gray:	#a9abb1;
@color-ui-white:	#fafbfc;
@color-core-black:	#111318;
@color-highlight-gold:	#ffd85c;