Jasmine Breeze Serenade カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Jasmine Breeze Serenade palette

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

Jasmine Breeze Serenade カラーパレット (PNG) をダウンロード

Download jasmine breeze serenade color palette PNG image (landscape)
Download jasmine breeze serenade color palette PNG image (square)

Jasmine Breeze Serenade カラーパレット CSS

/* CSS */
.color-1 {
color: #f6edc1;
}
.color-2 {
color: #e1c5a8;
}
.color-3 {
color: #d2b2a3;
}
.color-4 {
color: #a5c6d5;
}
.color-5 {
color: #b2e0d4;
}

/* CSS Variables */
:root {
--color-1: #f6edc1;
 --color-2: #e1c5a8;
 --color-3: #d2b2a3;
 --color-4: #a5c6d5;
 --color-5: #b2e0d4;
 }

Jasmine Breeze Serenade の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6edc1, #e1c5a8, #d2b2a3, #a5c6d5, #b2e0d4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6edc1, #e1c5a8, #d2b2a3, #a5c6d5, #b2e0d4);
}

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

Jasmine Breeze Serenade color palette created on .