The Grand Highblood カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with The Grand Highblood palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
The Grand Highblood カラーパレット (PNG) をダウンロード
The Grand Highblood カラーパレット CSS
/* CSS */
.color-1 {
color: #5c3f73;
}
.color-2 {
color: #8c5b9f;
}
.color-3 {
color: #c39fe0;
}
.color-4 {
color: #f1c1c1;
}
.color-5 {
color: #e9a0b3;
}
/* CSS Variables */
:root {
--color-1: #5c3f73;
--color-2: #8c5b9f;
--color-3: #c39fe0;
--color-4: #f1c1c1;
--color-5: #e9a0b3;
} The Grand Highblood の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5c3f73, #8c5b9f, #c39fe0, #f1c1c1, #e9a0b3);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5c3f73, #8c5b9f, #c39fe0, #f1c1c1, #e9a0b3);
} 似たようなカラーパレット
The Grand Highblood color palette created on .