Wenge Woods カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Wenge Woods palette

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

Wenge Woods カラー パレット PNG 画像

Download wenge woods color palette PNG image (landscape)
Download wenge woods color palette PNG image (square)

Wenge Woods カラーパレット CSS

/* CSS */
.color-1 {
color: #4c3e3e;
}
.color-2 {
color: #6c5a5a;
}
.color-3 {
color: #8d7c7c;
}
.color-4 {
color: #b7a39a;
}
.color-5 {
color: #d8c8c0;
}

/* CSS Variables */
:root {
--color-1: #4c3e3e;
 --color-2: #6c5a5a;
 --color-3: #8d7c7c;
 --color-4: #b7a39a;
 --color-5: #d8c8c0;
 }

Wenge Woods の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4c3e3e, #6c5a5a, #8d7c7c, #b7a39a, #d8c8c0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4c3e3e, #6c5a5a, #8d7c7c, #b7a39a, #d8c8c0);
}

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

Wenge Woods color palette created on .