女性 カラーパレット

明るさ

彩度

暖かさ

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: #f5b8b2;
}
.color-2 {
color: #f7c5c5;
}
.color-3 {
color: #f9e6e7;
}
.color-4 {
color: #f2d9e0;
}
.color-5 {
color: #f6b6d3;
}

/* CSS Variables */
:root {
--color-1: #f5b8b2;
 --color-2: #f7c5c5;
 --color-3: #f9e6e7;
 --color-4: #f2d9e0;
 --color-5: #f6b6d3;
 }

女性 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5b8b2, #f7c5c5, #f9e6e7, #f2d9e0, #f6b6d3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5b8b2, #f7c5c5, #f9e6e7, #f2d9e0, #f6b6d3);
}

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

女性 color palette created on .