Baldwin IV カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Baldwin IV palette

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

Baldwin IV カラー パレット PNG 画像

Download baldwin iv color palette PNG image (landscape)
Download baldwin iv color palette PNG image (square)

Baldwin IV カラーパレット CSS

/* CSS */
.color-1 {
color: #b6a35d;
}
.color-2 {
color: #c1c3a2;
}
.color-3 {
color: #7d5c2b;
}
.color-4 {
color: #694b3a;
}
.color-5 {
color: #d1c6a3;
}

/* CSS Variables */
:root {
--color-1: #b6a35d;
 --color-2: #c1c3a2;
 --color-3: #7d5c2b;
 --color-4: #694b3a;
 --color-5: #d1c6a3;
 }

Baldwin IV の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b6a35d, #c1c3a2, #7d5c2b, #694b3a, #d1c6a3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b6a35d, #c1c3a2, #7d5c2b, #694b3a, #d1c6a3);
}

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

Baldwin IV color palette created on .