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