Fun Rainbow Pastel Fest カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fun Rainbow Pastel Fest palette

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

Fun Rainbow Pastel Fest カラー パレット PNG 画像

Download fun rainbow pastel fest color palette PNG image (landscape)
Download fun rainbow pastel fest color palette PNG image (square)

Fun Rainbow Pastel Fest カラーパレット CSS

/* CSS */
.color-1 {
color: #ffb3ba;
}
.color-2 {
color: #ffdfb3;
}
.color-3 {
color: #ffffb8;
}
.color-4 {
color: #b3ffb3;
}
.color-5 {
color: #b8e0ff;
}

/* CSS Variables */
:root {
--color-1: #ffb3ba;
 --color-2: #ffdfb3;
 --color-3: #ffffb8;
 --color-4: #b3ffb3;
 --color-5: #b8e0ff;
 }

Fun Rainbow Pastel Fest の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb3ba, #ffdfb3, #ffffb8, #b3ffb3, #b8e0ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb3ba, #ffdfb3, #ffffb8, #b3ffb3, #b8e0ff);
}

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

下にスクロールして7個のパステルカラーパレットを探索しましょう

Fun Rainbow Pastel Fest color palette created on .