Scholar Banshee カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Scholar Banshee palette

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

Scholar Banshee カラー パレット PNG 画像

Download scholar banshee color palette PNG image (landscape)
Download scholar banshee color palette PNG image (square)

Scholar Banshee カラーパレット CSS

/* CSS */
.color-1 {
color: #290bc1;
}
.color-2 {
color: #4211e4;
}
.color-3 {
color: #9c62f9;
}
.color-4 {
color: #e19af9;
}
.color-5 {
color: #fcbace;
}

/* CSS Variables */
:root {
--color-1: #290bc1;
 --color-2: #4211e4;
 --color-3: #9c62f9;
 --color-4: #e19af9;
 --color-5: #fcbace;
 }

Scholar Banshee の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #290bc1, #4211e4, #9c62f9, #e19af9, #fcbace);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #290bc1, #4211e4, #9c62f9, #e19af9, #fcbace);
}

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

Scholar Banshee color palette created on .