Hover State Optical Drift

Cyan Button Pulse
#60f8ff
Alert Warm Red
#ff6c73
Interface Soft Violet
#d5c3ff
UI Shell Charcoal
#282828
Lightfield Cream
#fffaee
Signal Green Link
#b7ffbe

Palet terdiri dari Lampu, Gelap warna. Warna aksen Interface Soft Violet #d5c3ff Dan Lightfield Cream #fffaee. Palet memiliki suhu warna Dingin, Hangat, Netral.

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

Saturasi keseluruhan terasa hidup (chroma tinggi).

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

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #282828, #60F8FF, #B7FFBE, #D5C3FF, #FF6C73, #FFFAEE

Palette Hover State Optical Drift memiliki kombinasi warna kode 6:

HEX: #60f8ff, RGB: (96, 248, 255); HEX: #ff6c73, RGB: (255, 108, 115); HEX: #d5c3ff, RGB: (213, 195, 255)

HEX: #282828, RGB: (40, 40, 40); HEX: #fffaee, RGB: (255, 250, 238); HEX: #b7ffbe, RGB: (183, 255, 190)

Versi warna palet yang disederhanakan

Bayangan dari cyan, Warna dari lightcoral, Bayangan dari thistle, Bayangan dari Hitam, Warna dari floralwhite, Bayangan dari palegreen

Skema warna diciptakan oleh coolor

Lebih banyak palet dengan:

Kode warna dalam palet

Hover State Optical Drift kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#60f8ff	#60f8ff	RGB(96, 248, 255)	Cyan Button Pulse	—
#ff6c73	#ff6c73	RGB(255, 108, 115)	Alert Warm Red	—
#d5c3ff	#d5c3ff	RGB(213, 195, 255)	Interface Soft Violet	—
#282828	#282828	RGB(40, 40, 40)	UI Shell Charcoal	Dire Wolf
#fffaee	#fffaee	RGB(255, 250, 238)	Lightfield Cream	—
#b7ffbe	#b7ffbe	RGB(183, 255, 190)	Signal Green Link	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#60f8ff	#d5c3ff	1.25
#60f8ff	#fffaee	1.23
#60f8ff	#b7ffbe	1.1
#ff6c73	#d5c3ff	1.71
#d5c3ff	#fffaee	1.54
#d5c3ff	#b7ffbe	1.38

Palet gambar Hover State Optical Drift png

--color-cyan-button-pulse:	#60f8ff;
--color-alert-warm-red:	#ff6c73;
--color-interface-soft-violet:	#d5c3ff;
--color-ui-shell-charcoal:	#282828;
--color-lightfield-cream:	#fffaee;
--color-signal-green-link:	#b7ffbe;

$color-cyan-button-pulse:	#60f8ff;
$color-alert-warm-red:	#ff6c73;
$color-interface-soft-violet:	#d5c3ff;
$color-ui-shell-charcoal:	#282828;
$color-lightfield-cream:	#fffaee;
$color-signal-green-link:	#b7ffbe;

@color-cyan-button-pulse:	#60f8ff;
@color-alert-warm-red:	#ff6c73;
@color-interface-soft-violet:	#d5c3ff;
@color-ui-shell-charcoal:	#282828;
@color-lightfield-cream:	#fffaee;
@color-signal-green-link:	#b7ffbe;