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 .