Space Squirrel Baddy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Space Squirrel Baddy palette

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

Space Squirrel Baddy カラー パレット PNG 画像

Download space squirrel baddy color palette PNG image (landscape)
Download space squirrel baddy color palette PNG image (square)

Space Squirrel Baddy カラーパレット CSS

/* CSS */
.color-1 {
color: #1a202d;
}
.color-2 {
color: #5f6b8c;
}
.color-3 {
color: #a3c6e0;
}
.color-4 {
color: #f0a400;
}
.color-5 {
color: #ff6e61;
}

/* CSS Variables */
:root {
--color-1: #1a202d;
 --color-2: #5f6b8c;
 --color-3: #a3c6e0;
 --color-4: #f0a400;
 --color-5: #ff6e61;
 }

Space Squirrel Baddy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a202d, #5f6b8c, #a3c6e0, #f0a400, #ff6e61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a202d, #5f6b8c, #a3c6e0, #f0a400, #ff6e61);
}

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

下にスクロールして2個のY2Kカラーパレットを探索しましょう

Space Squirrel Baddy color palette created on .