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