ShiverBane Winter カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with ShiverBane Winter palette

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

ShiverBane Winter カラー パレット PNG 画像

Download shiverbane winter color palette PNG image (landscape)
Download shiverbane winter color palette PNG image (square)

ShiverBane Winter カラーパレット CSS

/* CSS */
.color-1 {
color: #7a9cb8;
}
.color-2 {
color: #4c6f7b;
}
.color-3 {
color: #2b4d55;
}
.color-4 {
color: #1c3d4a;
}
.color-5 {
color: #0f2b33;
}

/* CSS Variables */
:root {
--color-1: #7a9cb8;
 --color-2: #4c6f7b;
 --color-3: #2b4d55;
 --color-4: #1c3d4a;
 --color-5: #0f2b33;
 }

ShiverBane Winter の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7a9cb8, #4c6f7b, #2b4d55, #1c3d4a, #0f2b33);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7a9cb8, #4c6f7b, #2b4d55, #1c3d4a, #0f2b33);
}

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

ShiverBane Winter color palette created on .