Pixel Game Bread カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pixel Game Bread palette

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

Pixel Game Bread カラー パレット PNG 画像

Download pixel game bread color palette PNG image (landscape)
Download pixel game bread color palette PNG image (square)

Pixel Game Bread カラーパレット CSS

/* CSS */
.color-1 {
color: #e3ceb0;
}
.color-2 {
color: #d0b18a;
}
.color-3 {
color: #aa6a55;
}
.color-4 {
color: #7d3b3b;
}
.color-5 {
color: #4c2f2f;
}

/* CSS Variables */
:root {
--color-1: #e3ceb0;
 --color-2: #d0b18a;
 --color-3: #aa6a55;
 --color-4: #7d3b3b;
 --color-5: #4c2f2f;
 }

Pixel Game Bread の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e3ceb0, #d0b18a, #aa6a55, #7d3b3b, #4c2f2f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e3ceb0, #d0b18a, #aa6a55, #7d3b3b, #4c2f2f);
}

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

Pixel Game Bread color palette created on .