Eurhino カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Eurhino palette

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

Eurhino カラー パレット PNG 画像

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

Eurhino カラーパレット CSS

/* CSS */
.color-1 {
color: #f7c6a6;
}
.color-2 {
color: #f0a29e;
}
.color-3 {
color: #ed6f68;
}
.color-4 {
color: #d53f5d;
}
.color-5 {
color: #8c2c4a;
}

/* CSS Variables */
:root {
--color-1: #f7c6a6;
 --color-2: #f0a29e;
 --color-3: #ed6f68;
 --color-4: #d53f5d;
 --color-5: #8c2c4a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c6a6, #f0a29e, #ed6f68, #d53f5d, #8c2c4a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c6a6, #f0a29e, #ed6f68, #d53f5d, #8c2c4a);
}

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

Eurhino color palette created on .