Ella カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ella palette

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

Ella カラー パレット PNG 画像

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

Ella カラーパレット CSS

/* CSS */
.color-1 {
color: #f6a7c1;
}
.color-2 {
color: #f9d59f;
}
.color-3 {
color: #f9e5a4;
}
.color-4 {
color: #a7d7b8;
}
.color-5 {
color: #a2e6d4;
}

/* CSS Variables */
:root {
--color-1: #f6a7c1;
 --color-2: #f9d59f;
 --color-3: #f9e5a4;
 --color-4: #a7d7b8;
 --color-5: #a2e6d4;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6a7c1, #f9d59f, #f9e5a4, #a7d7b8, #a2e6d4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6a7c1, #f9d59f, #f9e5a4, #a7d7b8, #a2e6d4);
}

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

Ella color palette created on .