Soft 80's Convenience Store カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Soft 80's Convenience Store palette

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

Soft 80's Convenience Store カラー パレット PNG 画像

Download soft 80's convenience store color palette PNG image (landscape)
Download soft 80's convenience store color palette PNG image (square)

Soft 80's Convenience Store カラーパレット CSS

/* CSS */
.color-1 {
color: #f7b5a1;
}
.color-2 {
color: #f0c0a8;
}
.color-3 {
color: #d9e9b4;
}
.color-4 {
color: #b5d9e3;
}
.color-5 {
color: #a3c2e0;
}

/* CSS Variables */
:root {
--color-1: #f7b5a1;
 --color-2: #f0c0a8;
 --color-3: #d9e9b4;
 --color-4: #b5d9e3;
 --color-5: #a3c2e0;
 }

Soft 80's Convenience Store の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7b5a1, #f0c0a8, #d9e9b4, #b5d9e3, #a3c2e0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7b5a1, #f0c0a8, #d9e9b4, #b5d9e3, #a3c2e0);
}

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

Soft 80's Convenience Store color palette created on .