Dreamlite OS

Primary Jelly Peach
#ffd8be
Secondary UI Mist
#f9fcff
Accent Skyberry
#c6d8ff
Accent Spearmint
#d4ffe1
Surface Form White
#ffffff
Text Dock Charcoal
#1f1f1f

Palet terdiri dari Lampu, Gelap warna. Warna aksen Primary Jelly Peach #ffd8be Dan Secondary UI Mist #f9fcff. Palet memiliki suhu warna Hangat, Netral, Dingin.

Menurut kecerahan, palet ini dari #1F1F1F (paling gelap) ke #FFFFFF (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): #1F1F1F, #C6D8FF, #D4FFE1, #F9FCFF, #FFD8BE, #FFFFFF

Palette Dreamlite OS memiliki kombinasi warna kode 6:

HEX: #ffd8be, RGB: (255, 216, 190); HEX: #f9fcff, RGB: (249, 252, 255); HEX: #c6d8ff, RGB: (198, 216, 255)

HEX: #d4ffe1, RGB: (212, 255, 225); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1f1f1f, RGB: (31, 31, 31)

Versi warna palet yang disederhanakan

Warna dari peachpuff, Bayangan dari ghostwhite, Bayangan dari lightsteelblue, Warna dari honeydew, Putih, Bayangan dari Hitam

Skema warna diciptakan oleh hex

Lebih banyak palet dengan:

Kode warna dalam palet

Dreamlite OS kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#ffd8be	#ffd8be	RGB(255, 216, 190)	Primary Jelly Peach	—
#f9fcff	#f9fcff	RGB(249, 252, 255)	Secondary UI Mist	—
#c6d8ff	#c6d8ff	RGB(198, 216, 255)	Accent Skyberry	—
#d4ffe1	#d4ffe1	RGB(212, 255, 225)	Accent Spearmint	—
#ffffff	#ffffff	RGB(255, 255, 255)	Surface Form White	White
#1f1f1f	#1f1f1f	RGB(31, 31, 31)	Text Dock Charcoal	Gray12

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#ffd8be	#f9fcff	1.28
#ffd8be	#c6d8ff	1.07
#ffd8be	#d4ffe1	1.21
#ffd8be	#ffffff	1.32
#f9fcff	#c6d8ff	1.39
#f9fcff	#d4ffe1	1.06

Palet gambar Dreamlite OS png

--color-primary-jelly-peach:	#ffd8be;
--color-secondary-ui-mist:	#f9fcff;
--color-accent-skyberry:	#c6d8ff;
--color-accent-spearmint:	#d4ffe1;
--color-surface-form-white:	#ffffff;
--color-text-dock-charcoal:	#1f1f1f;

$color-primary-jelly-peach:	#ffd8be;
$color-secondary-ui-mist:	#f9fcff;
$color-accent-skyberry:	#c6d8ff;
$color-accent-spearmint:	#d4ffe1;
$color-surface-form-white:	#ffffff;
$color-text-dock-charcoal:	#1f1f1f;

@color-primary-jelly-peach:	#ffd8be;
@color-secondary-ui-mist:	#f9fcff;
@color-accent-skyberry:	#c6d8ff;
@color-accent-spearmint:	#d4ffe1;
@color-surface-form-white:	#ffffff;
@color-text-dock-charcoal:	#1f1f1f;