Human Touch カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Human Touch palette

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

Human Touch カラー パレット PNG 画像

Download human touch color palette PNG image (landscape)
Download human touch color palette PNG image (square)

Human Touch カラーパレット CSS

/* CSS */
.color-1 {
color: #f2cfc4;
}
.color-2 {
color: #d7aba3;
}
.color-3 {
color: #af7f79;
}
.color-4 {
color: #9b5b50;
}
.color-5 {
color: #7b3f3d;
}

/* CSS Variables */
:root {
--color-1: #f2cfc4;
 --color-2: #d7aba3;
 --color-3: #af7f79;
 --color-4: #9b5b50;
 --color-5: #7b3f3d;
 }

Human Touch の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2cfc4, #d7aba3, #af7f79, #9b5b50, #7b3f3d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2cfc4, #d7aba3, #af7f79, #9b5b50, #7b3f3d);
}

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

Human Touch color palette created on .