Emo Colors カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Emo Colors palette

このパレットを共有する先：

Emo Colors カラーパレット (PNG) をダウンロード

Download emo colors color palette PNG image (landscape)
Download emo colors color palette PNG image (square)

Emo Colors カラーパレット CSS

/* CSS */
.color-1 {
color: #3b0c45;
}
.color-2 {
color: #5c2960;
}
.color-3 {
color: #8d3f81;
}
.color-4 {
color: #b66d9f;
}
.color-5 {
color: #d79db5;
}

/* CSS Variables */
:root {
--color-1: #3b0c45;
 --color-2: #5c2960;
 --color-3: #8d3f81;
 --color-4: #b66d9f;
 --color-5: #d79db5;
 }

Emo Colors の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b0c45, #5c2960, #8d3f81, #b66d9f, #d79db5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b0c45, #5c2960, #8d3f81, #b66d9f, #d79db5);
}

似たようなカラーパレット

Emo Colors color palette created on .