夜桜と月 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with 夜桜と月 palette

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

夜桜と月 カラー パレット PNG 画像

Download 夜桜と月 color palette PNG image (landscape)
Download 夜桜と月 color palette PNG image (square)

夜桜と月 カラーパレット CSS

/* CSS */
.color-1 {
color: #f5c7d5;
}
.color-2 {
color: #d9a6b5;
}
.color-3 {
color: #b57d8c;
}
.color-4 {
color: #7b4c6b;
}
.color-5 {
color: #3c2a3a;
}

/* CSS Variables */
:root {
--color-1: #f5c7d5;
 --color-2: #d9a6b5;
 --color-3: #b57d8c;
 --color-4: #7b4c6b;
 --color-5: #3c2a3a;
 }

夜桜と月 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5c7d5, #d9a6b5, #b57d8c, #7b4c6b, #3c2a3a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5c7d5, #d9a6b5, #b57d8c, #7b4c6b, #3c2a3a);
}

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

夜桜と月 color palette created on .