Ivar the Boneless カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ivar the Boneless palette

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

Ivar the Boneless カラー パレット PNG 画像

Download ivar the boneless color palette PNG image (landscape)
Download ivar the boneless color palette PNG image (square)

Ivar the Boneless カラーパレット CSS

/* CSS */
.color-1 {
color: #8c5a2b;
}
.color-2 {
color: #c6a85d;
}
.color-3 {
color: #d9c178;
}
.color-4 {
color: #e4d5a5;
}
.color-5 {
color: #f2e3c5;
}

/* CSS Variables */
:root {
--color-1: #8c5a2b;
 --color-2: #c6a85d;
 --color-3: #d9c178;
 --color-4: #e4d5a5;
 --color-5: #f2e3c5;
 }

Ivar the Boneless の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8c5a2b, #c6a85d, #d9c178, #e4d5a5, #f2e3c5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8c5a2b, #c6a85d, #d9c178, #e4d5a5, #f2e3c5);
}

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

Ivar the Boneless color palette created on .