Retro Hypergradient UI Beam

Retro Mint
#06d6a0
Hypergradient Rose
#ff5c8a
UI Indigo
#3d5a80
Beam Gold
#ffb703
Background Black
#101010

Palet terdiri dari Lampu, Setengah gelap, Gelap warna. Warna aksen Retro Mint #06d6a0 Dan Beam Gold #ffb703. Palet memiliki suhu warna Dingin, Hangat, Netral.

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

Saturasi keseluruhan terasa hidup (chroma tinggi).

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

Nada hangat dan dingin cukup seimbang.

Kode HEX (diurutkan): #06D6A0, #101010, #3D5A80, #FF5C8A, #FFB703

Palette Retro Hypergradient UI Beam memiliki kombinasi warna kode 5:

HEX: #06d6a0, RGB: (6, 214, 160); HEX: #ff5c8a, RGB: (255, 92, 138); HEX: #3d5a80, RGB: (61, 90, 128)

HEX: #ffb703, RGB: (255, 183, 3); HEX: #101010, RGB: (16, 16, 16)

Versi warna palet yang disederhanakan

Warna dari mediumaquamarine, Warna dari palevioletred, Bayangan dari darkslateblue, Bayangan dari Oranye, Bayangan dari Hitam

Skema warna diciptakan oleh colorslib

Lebih banyak palet dengan:

Kode warna dalam palet

Retro Hypergradient UI Beam kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#06d6a0	#06d6a0	RGB(6, 214, 160)	Retro Mint	—
#ff5c8a	#ff5c8a	RGB(255, 92, 138)	Hypergradient Rose	—
#3d5a80	#3d5a80	RGB(61, 90, 128)	UI Indigo	—
#ffb703	#ffb703	RGB(255, 183, 3)	Beam Gold	—
#101010	#101010	RGB(16, 16, 16)	Background Black	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#06d6a0	#ff5c8a	1.55
#06d6a0	#ffb703	1.08
#ff5c8a	#ffb703	1.68

Palet gambar Retro Hypergradient UI Beam png

--color-retro-mint:	#06d6a0;
--color-hypergradient-rose:	#ff5c8a;
--color-ui-indigo:	#3d5a80;
--color-beam-gold:	#ffb703;
--color-background-black:	#101010;

$color-retro-mint:	#06d6a0;
$color-hypergradient-rose:	#ff5c8a;
$color-ui-indigo:	#3d5a80;
$color-beam-gold:	#ffb703;
$color-background-black:	#101010;

@color-retro-mint:	#06d6a0;
@color-hypergradient-rose:	#ff5c8a;
@color-ui-indigo:	#3d5a80;
@color-beam-gold:	#ffb703;
@color-background-black:	#101010;