ひな祭り カラーパレット

明るさ

彩度

暖かさ

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: #f8b9ce;
}
.color-2 {
color: #f9c6b4;
}
.color-3 {
color: #f6e4b1;
}
.color-4 {
color: #b6e7d8;
}
.color-5 {
color: #a3c8e0;
}

/* CSS Variables */
:root {
--color-1: #f8b9ce;
 --color-2: #f9c6b4;
 --color-3: #f6e4b1;
 --color-4: #b6e7d8;
 --color-5: #a3c8e0;
 }

ひな祭り の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8b9ce, #f9c6b4, #f6e4b1, #b6e7d8, #a3c8e0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8b9ce, #f9c6b4, #f6e4b1, #b6e7d8, #a3c8e0);
}

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

ひな祭り color palette created on .