Palet warna
Design ui branding ux palette

Dibuat di 01/27/2022 15:57

0.11k

Design ui branding ux palette

Metallic Yellow
#fcdc16
Orange-Yellow (Crayola)
#f6dc68
Caribbean Green
#0cbe98
Olive Green
#adb25c
Pastel Gray
#cec6c4
Dark Lava
#443c34

Palet terdiri dari Lampu warna. Warna aksen Metallic Yellow #fcdc16 Dan Orange-Yellow (Crayola) #f6dc68. Palet memiliki suhu warna Hangat, Dingin, Netral.

Menurut kecerahan, palet ini dari #443C34 (paling gelap) ke #CEC6C4 (paling terang). Rentang kecerahan lebar.

Saturasi campuran — ada swatch redup dan aksen lebih cerah.

Rona tersebar luas pada roda — palet bervariasi (heuristik).

Secara keseluruhan suhu warna condong ke hangat.

Kode HEX (diurutkan): #0CBE98, #443C34, #ADB25C, #CEC6C4, #F6DC68, #FCDC16

Palette Design ui branding ux palette memiliki kombinasi warna kode 6:

HEX: #fcdc16, RGB: (252, 220, 22); HEX: #f6dc68, RGB: (246, 220, 104); HEX: #0cbe98, RGB: (12, 190, 152)

HEX: #adb25c, RGB: (173, 178, 92); HEX: #cec6c4, RGB: (206, 198, 196); HEX: #443c34, RGB: (68, 60, 52)

Versi warna palet yang disederhanakan

Bayangan dari gold, Warna dari Dril, Warna dari mediumaquamarine, Warna dari darkkhaki, Bayangan dari Perak, Warna dari dimgrey

Skema warna diciptakan oleh colorswall

Lebih banyak palet dengan:

Kode warna dalam palet

Design ui branding ux palette kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#fcdc16	#fcdc16	RGB(252, 220, 22)	Metallic Yellow	—
#f6dc68	#f6dc68	RGB(246, 220, 104)	Orange-Yellow (Crayola)	—
#0cbe98	#0cbe98	RGB(12, 190, 152)	Caribbean Green	—
#adb25c	#adb25c	RGB(173, 178, 92)	Olive Green	—
#cec6c4	#cec6c4	RGB(206, 198, 196)	Pastel Gray	—
#443c34	#443c34	RGB(68, 60, 52)	Dark Lava	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#fcdc16	#f6dc68	1
#fcdc16	#0cbe98	1.74
#fcdc16	#adb25c	1.65
#fcdc16	#cec6c4	1.23
#f6dc68	#0cbe98	1.73
#f6dc68	#adb25c	1.65

Palet gambar Design ui branding ux palette png

--color-metallic-yellow:	#fcdc16;
--color-orange-yellow-crayola:	#f6dc68;
--color-caribbean-green:	#0cbe98;
--color-olive-green:	#adb25c;
--color-pastel-gray:	#cec6c4;
--color-dark-lava:	#443c34;

$color-metallic-yellow:	#fcdc16;
$color-orange-yellow-crayola:	#f6dc68;
$color-caribbean-green:	#0cbe98;
$color-olive-green:	#adb25c;
$color-pastel-gray:	#cec6c4;
$color-dark-lava:	#443c34;

@color-metallic-yellow:	#fcdc16;
@color-orange-yellow-crayola:	#f6dc68;
@color-caribbean-green:	#0cbe98;
@color-olive-green:	#adb25c;
@color-pastel-gray:	#cec6c4;
@color-dark-lava:	#443c34;

Design ui branding ux palette

Kode warna dalam palet

Kontras Palet Warna

Palet gambar Design ui branding ux palette png

Palet warna terkait