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 .