Fun Rainbow Pastel Fest カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Fun Rainbow Pastel Fest palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Fun Rainbow Pastel Fest カラーパレット (PNG) をダウンロード
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 .