Bored Skell カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bored Skell palette

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

Bored Skell カラー パレット PNG 画像

Download bored skell color palette PNG image (landscape)
Download bored skell color palette PNG image (square)

Bored Skell カラーパレット CSS

/* CSS */
.color-1 {
color: #f7c94b;
}
.color-2 {
color: #e75b04;
}
.color-3 {
color: #d83b6d;
}
.color-4 {
color: #8e1f5a;
}
.color-5 {
color: #4b3d71;
}

/* CSS Variables */
:root {
--color-1: #f7c94b;
 --color-2: #e75b04;
 --color-3: #d83b6d;
 --color-4: #8e1f5a;
 --color-5: #4b3d71;
 }

Bored Skell の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c94b, #e75b04, #d83b6d, #8e1f5a, #4b3d71);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c94b, #e75b04, #d83b6d, #8e1f5a, #4b3d71);
}

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

Bored Skell color palette created on .