Teenage Dirtbag カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Teenage Dirtbag palette

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

Teenage Dirtbag カラー パレット PNG 画像

Download teenage dirtbag color palette PNG image (landscape)
Download teenage dirtbag color palette PNG image (square)

Teenage Dirtbag カラーパレット CSS

/* CSS */
.color-1 {
color: #2a2e3c;
}
.color-2 {
color: #4a4e6d;
}
.color-3 {
color: #6a7b9a;
}
.color-4 {
color: #e2a1c2;
}
.color-5 {
color: #f09e51;
}

/* CSS Variables */
:root {
--color-1: #2a2e3c;
 --color-2: #4a4e6d;
 --color-3: #6a7b9a;
 --color-4: #e2a1c2;
 --color-5: #f09e51;
 }

Teenage Dirtbag の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2a2e3c, #4a4e6d, #6a7b9a, #e2a1c2, #f09e51);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2a2e3c, #4a4e6d, #6a7b9a, #e2a1c2, #f09e51);
}

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

Teenage Dirtbag color palette created on .