Taylor Swift カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Taylor Swift palette

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

Taylor Swift カラー パレット PNG 画像

Download taylor swift color palette PNG image (landscape)
Download taylor swift color palette PNG image (square)

Taylor Swift カラーパレット CSS

/* CSS */
.color-1 {
color: #302a50;
}
.color-2 {
color: #343950;
}
.color-3 {
color: #33444d;
}
.color-4 {
color: #243e75;
}
.color-5 {
color: #181d43;
}

/* CSS Variables */
:root {
--color-1: #302a50;
 --color-2: #343950;
 --color-3: #33444d;
 --color-4: #243e75;
 --color-5: #181d43;
 }

Taylor Swift の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #302a50, #343950, #33444d, #243e75, #181d43);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #302a50, #343950, #33444d, #243e75, #181d43);
}

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

Taylor Swift color palette created on .