Photobomb カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Photobomb palette

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

Photobomb カラー パレット PNG 画像

Download photobomb color palette PNG image (landscape)
Download photobomb color palette PNG image (square)

Photobomb カラーパレット CSS

/* CSS */
.color-1 {
color: #e82711;
}
.color-2 {
color: #2b64a1;
}
.color-3 {
color: #e1940e;
}
.color-4 {
color: #e6850f;
}
.color-5 {
color: #d9171d;
}

/* CSS Variables */
:root {
--color-1: #e82711;
 --color-2: #2b64a1;
 --color-3: #e1940e;
 --color-4: #e6850f;
 --color-5: #d9171d;
 }

Photobomb の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e82711, #2b64a1, #e1940e, #e6850f, #d9171d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e82711, #2b64a1, #e1940e, #e6850f, #d9171d);
}

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

Photobomb color palette created on .