Pastel Yellow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pastel Yellow palette

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

Pastel Yellow カラー パレット PNG 画像

Download pastel yellow color palette PNG image (landscape)
Download pastel yellow color palette PNG image (square)

Pastel Yellow カラーパレット CSS

/* CSS */
.color-1 {
color: #f9b1ae;
}
.color-2 {
color: #f3c9a0;
}
.color-3 {
color: #f6e0b1;
}
.color-4 {
color: #e4d17c;
}
.color-5 {
color: #d8b44b;
}

/* CSS Variables */
:root {
--color-1: #f9b1ae;
 --color-2: #f3c9a0;
 --color-3: #f6e0b1;
 --color-4: #e4d17c;
 --color-5: #d8b44b;
 }

Pastel Yellow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9b1ae, #f3c9a0, #f6e0b1, #e4d17c, #d8b44b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9b1ae, #f3c9a0, #f6e0b1, #e4d17c, #d8b44b);
}

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

下にスクロールして2個の60年代カラーパレットを探索しましょう

Pastel Yellow color palette created on .