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 .