Color de piel カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Color de piel palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Color de piel カラーパレット (PNG) をダウンロード
Color de piel カラーパレット CSS
/* CSS */
.color-1 {
color: #f2d6a1;
}
.color-2 {
color: #e6b394;
}
.color-3 {
color: #d78b79;
}
.color-4 {
color: #c76b6b;
}
.color-5 {
color: #a85d5d;
}
/* CSS Variables */
:root {
--color-1: #f2d6a1;
--color-2: #e6b394;
--color-3: #d78b79;
--color-4: #c76b6b;
--color-5: #a85d5d;
} Color de piel の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2d6a1, #e6b394, #d78b79, #c76b6b, #a85d5d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2d6a1, #e6b394, #d78b79, #c76b6b, #a85d5d);
} 似たようなカラーパレット
Color de piel color palette created on .