1950s Pastel Dream カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with 1950s Pastel Dream palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
1950s Pastel Dream カラーパレット (PNG) をダウンロード
1950s Pastel Dream カラーパレット CSS
/* CSS */
.color-1 {
color: #ff99b6;
}
.color-2 {
color: #a1d3e8;
}
.color-3 {
color: #b2e1d6;
}
.color-4 {
color: #f4e1a4;
}
.color-5 {
color: #a3c7e0;
}
/* CSS Variables */
:root {
--color-1: #ff99b6;
--color-2: #a1d3e8;
--color-3: #b2e1d6;
--color-4: #f4e1a4;
--color-5: #a3c7e0;
} 1950s Pastel Dream の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff99b6, #a1d3e8, #b2e1d6, #f4e1a4, #a3c7e0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff99b6, #a1d3e8, #b2e1d6, #f4e1a4, #a3c7e0);
} 似たようなカラーパレット
下にスクロールして5個のピンクカラーパレットを探索しましょう
1950s Pastel Dream color palette created on .