Transylvania カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Transylvania palette

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

Transylvania カラー パレット PNG 画像

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

Transylvania カラーパレット CSS

/* CSS */
.color-1 {
color: #5b4b8b;
}
.color-2 {
color: #7a5b8f;
}
.color-3 {
color: #9e7da1;
}
.color-4 {
color: #d5b4d4;
}
.color-5 {
color: #f2d4e1;
}

/* CSS Variables */
:root {
--color-1: #5b4b8b;
 --color-2: #7a5b8f;
 --color-3: #9e7da1;
 --color-4: #d5b4d4;
 --color-5: #f2d4e1;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b4b8b, #7a5b8f, #9e7da1, #d5b4d4, #f2d4e1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b4b8b, #7a5b8f, #9e7da1, #d5b4d4, #f2d4e1);
}

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

Transylvania color palette created on .