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