Eelsong カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Eelsong palette

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

Eelsong カラー パレット PNG 画像

Download eelsong color palette PNG image (landscape)
Download eelsong color palette PNG image (square)

Eelsong カラーパレット CSS

/* CSS */
.color-1 {
color: #5b5c5d;
}
.color-2 {
color: #7e7f81;
}
.color-3 {
color: #939495;
}
.color-4 {
color: #818283;
}
.color-5 {
color: #727274;
}

/* CSS Variables */
:root {
--color-1: #5b5c5d;
 --color-2: #7e7f81;
 --color-3: #939495;
 --color-4: #818283;
 --color-5: #727274;
 }

Eelsong の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b5c5d, #7e7f81, #939495, #818283, #727274);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b5c5d, #7e7f81, #939495, #818283, #727274);
}

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

Eelsong color palette created on .