Sunny Rustic Kitchen カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sunny Rustic Kitchen palette

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

Sunny Rustic Kitchen カラー パレット PNG 画像

Download sunny rustic kitchen color palette PNG image (landscape)
Download sunny rustic kitchen color palette PNG image (square)

Sunny Rustic Kitchen カラーパレット CSS

/* CSS */
.color-1 {
color: #e3b75f;
}
.color-2 {
color: #b66a3e;
}
.color-3 {
color: #7e4f2a;
}
.color-4 {
color: #d9a56d;
}
.color-5 {
color: #f7d3a1;
}

/* CSS Variables */
:root {
--color-1: #e3b75f;
 --color-2: #b66a3e;
 --color-3: #7e4f2a;
 --color-4: #d9a56d;
 --color-5: #f7d3a1;
 }

Sunny Rustic Kitchen の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e3b75f, #b66a3e, #7e4f2a, #d9a56d, #f7d3a1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e3b75f, #b66a3e, #7e4f2a, #d9a56d, #f7d3a1);
}

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

Sunny Rustic Kitchen color palette created on .