Bittersweet Sunshine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bittersweet Sunshine palette

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

Bittersweet Sunshine カラー パレット PNG 画像

Download bittersweet sunshine color palette PNG image (landscape)
Download bittersweet sunshine color palette PNG image (square)

Bittersweet Sunshine カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7c6b;
}
.color-2 {
color: #ffa07a;
}
.color-3 {
color: #ffb38a;
}
.color-4 {
color: #ffd5b3;
}
.color-5 {
color: #fff1d6;
}

/* CSS Variables */
:root {
--color-1: #ff7c6b;
 --color-2: #ffa07a;
 --color-3: #ffb38a;
 --color-4: #ffd5b3;
 --color-5: #fff1d6;
 }

Bittersweet Sunshine の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7c6b, #ffa07a, #ffb38a, #ffd5b3, #fff1d6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7c6b, #ffa07a, #ffb38a, #ffd5b3, #fff1d6);
}

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

Bittersweet Sunshine color palette created on .