Technoblade カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Technoblade palette

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

Technoblade カラー パレット PNG 画像

Download technoblade color palette PNG image (landscape)
Download technoblade color palette PNG image (square)

Technoblade カラーパレット CSS

/* CSS */
.color-1 {
color: #4c3e60;
}
.color-2 {
color: #6a5c8a;
}
.color-3 {
color: #9f7cc0;
}
.color-4 {
color: #c3b3e0;
}
.color-5 {
color: #f0e5ff;
}

/* CSS Variables */
:root {
--color-1: #4c3e60;
 --color-2: #6a5c8a;
 --color-3: #9f7cc0;
 --color-4: #c3b3e0;
 --color-5: #f0e5ff;
 }

Technoblade の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4c3e60, #6a5c8a, #9f7cc0, #c3b3e0, #f0e5ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4c3e60, #6a5c8a, #9f7cc0, #c3b3e0, #f0e5ff);
}

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

Technoblade color palette created on .