User Journey Mapping Interface

Persona Lilac
#e1bee7
Touchpoint Aqua
#80deea
Conversion Gray
#90a4ae
Retention Orange
#ffb74d
Onboarding White
#fafafa
Flowchart Black
#212121

Palet terdiri dari Lampu, Gelap warna. Warna aksen Touchpoint Aqua #80deea Dan Retention Orange #ffb74d. Palet memiliki suhu warna Netral, Dingin, Hangat.

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

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #212121, #80DEEA, #90A4AE, #E1BEE7, #FAFAFA, #FFB74D

Palette User Journey Mapping Interface memiliki kombinasi warna kode 6:

HEX: #e1bee7, RGB: (225, 190, 231); HEX: #80deea, RGB: (128, 222, 234); HEX: #90a4ae, RGB: (144, 164, 174)

HEX: #ffb74d, RGB: (255, 183, 77); HEX: #fafafa, RGB: (250, 250, 250); HEX: #212121, RGB: (33, 33, 33)

Versi warna palet yang disederhanakan

Bayangan dari thistle, Warna dari powderblue, Warna dari darkgrey, Bayangan dari Oranye, Bayangan dari whitesmoke, Bayangan dari Hitam

Skema warna diciptakan oleh hex

Lebih banyak palet dengan:

Kode warna dalam palet

User Journey Mapping Interface kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#e1bee7	#e1bee7	RGB(225, 190, 231)	Persona Lilac	—
#80deea	#80deea	RGB(128, 222, 234)	Touchpoint Aqua	—
#90a4ae	#90a4ae	RGB(144, 164, 174)	Conversion Gray	—
#ffb74d	#ffb74d	RGB(255, 183, 77)	Retention Orange	—
#fafafa	#fafafa	RGB(250, 250, 250)	Onboarding White	Dr. White
#212121	#212121	RGB(33, 33, 33)	Flowchart Black	Lead

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#e1bee7	#80deea	1.06
#e1bee7	#90a4ae	1.56
#e1bee7	#ffb74d	1.04
#e1bee7	#fafafa	1.58
#80deea	#90a4ae	1.67
#80deea	#ffb74d	1.11

Palet gambar User Journey Mapping Interface png

User Journey Mapping Interface - #554127

--color-persona-lilac:	#e1bee7;
--color-touchpoint-aqua:	#80deea;
--color-conversion-gray:	#90a4ae;
--color-retention-orange:	#ffb74d;
--color-onboarding-white:	#fafafa;
--color-flowchart-black:	#212121;

$color-persona-lilac:	#e1bee7;
$color-touchpoint-aqua:	#80deea;
$color-conversion-gray:	#90a4ae;
$color-retention-orange:	#ffb74d;
$color-onboarding-white:	#fafafa;
$color-flowchart-black:	#212121;

@color-persona-lilac:	#e1bee7;
@color-touchpoint-aqua:	#80deea;
@color-conversion-gray:	#90a4ae;
@color-retention-orange:	#ffb74d;
@color-onboarding-white:	#fafafa;
@color-flowchart-black:	#212121;