Cognitive UI Response Dashboard

Cognitive Grid Black
#191919
Recall Marker Violet
#9381ff
Feedback Point Yellow
#ffed66
Response Card White
#fbfbfb
Process Trace Blue
#4ea8de
Status Text Grey
#c0c0c0

Palet terdiri dari Gelap, Lampu warna. Warna aksen Recall Marker Violet #9381ff Dan Feedback Point Yellow #ffed66. Palet memiliki suhu warna Netral, Dingin, Hangat.

Menurut kecerahan, palet ini dari #191919 (paling gelap) ke #FBFBFB (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): #191919, #4EA8DE, #9381FF, #C0C0C0, #FBFBFB, #FFED66

Palette Cognitive UI Response Dashboard memiliki kombinasi warna kode 6:

HEX: #191919, RGB: (25, 25, 25); HEX: #9381ff, RGB: (147, 129, 255); HEX: #ffed66, RGB: (255, 237, 102)

HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #4ea8de, RGB: (78, 168, 222); HEX: #c0c0c0, RGB: (192, 192, 192)

Versi warna palet yang disederhanakan

Bayangan dari Hitam, Bayangan dari mediumpurple, Bayangan dari Dril, Warna dari Putih, Bayangan dari deepskyblue, Perak

Skema warna diciptakan oleh hex

Lebih banyak palet dengan:

Kode warna dalam palet

Cognitive UI Response Dashboard kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#191919	#191919	RGB(25, 25, 25)	Cognitive Grid Black	—
#9381ff	#9381ff	RGB(147, 129, 255)	Recall Marker Violet	—
#ffed66	#ffed66	RGB(255, 237, 102)	Feedback Point Yellow	—
#fbfbfb	#fbfbfb	RGB(251, 251, 251)	Response Card White	Whiteout
#4ea8de	#4ea8de	RGB(78, 168, 222)	Process Trace Blue	—
#c0c0c0	#c0c0c0	RGB(192, 192, 192)	Status Text Grey	Silver

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#9381ff	#4ea8de	1.16
#9381ff	#c0c0c0	1.69
#ffed66	#fbfbfb	1.15
#ffed66	#c0c0c0	1.52
#fbfbfb	#c0c0c0	1.75
#4ea8de	#c0c0c0	1.44

Palet gambar Cognitive UI Response Dashboard png

Cognitive UI Response Dashboard - #554783

--color-cognitive-grid-black:	#191919;
--color-recall-marker-violet:	#9381ff;
--color-feedback-point-yellow:	#ffed66;
--color-response-card-white:	#fbfbfb;
--color-process-trace-blue:	#4ea8de;
--color-status-text-grey:	#c0c0c0;

$color-cognitive-grid-black:	#191919;
$color-recall-marker-violet:	#9381ff;
$color-feedback-point-yellow:	#ffed66;
$color-response-card-white:	#fbfbfb;
$color-process-trace-blue:	#4ea8de;
$color-status-text-grey:	#c0c0c0;

@color-cognitive-grid-black:	#191919;
@color-recall-marker-violet:	#9381ff;
@color-feedback-point-yellow:	#ffed66;
@color-response-card-white:	#fbfbfb;
@color-process-trace-blue:	#4ea8de;
@color-status-text-grey:	#c0c0c0;