Pigeon Post Bright カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pigeon Post Bright palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Pigeon Post Bright カラーパレット (PNG) をダウンロード

Download pigeon post bright color palette PNG image (landscape)
Download pigeon post bright color palette PNG image (square)

Pigeon Post Bright カラーパレット CSS

/* CSS */
.color-1 {
color: #a9c0db;
}
.color-2 {
color: #b8d4e0;
}
.color-3 {
color: #d5e3e7;
}
.color-4 {
color: #f4e7e1;
}
.color-5 {
color: #f7b0c1;
}

/* CSS Variables */
:root {
--color-1: #a9c0db;
 --color-2: #b8d4e0;
 --color-3: #d5e3e7;
 --color-4: #f4e7e1;
 --color-5: #f7b0c1;
 }

Pigeon Post Bright の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a9c0db, #b8d4e0, #d5e3e7, #f4e7e1, #f7b0c1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a9c0db, #b8d4e0, #d5e3e7, #f4e7e1, #f7b0c1);
}

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

Pigeon Post Bright color palette created on .