Smells Like Teen Spirit カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Smells Like Teen Spirit palette

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

Smells Like Teen Spirit カラー パレット PNG 画像

Download smells like teen spirit color palette PNG image (landscape)
Download smells like teen spirit color palette PNG image (square)

Smells Like Teen Spirit カラーパレット CSS

/* CSS */
.color-1 {
color: #f9aeae;
}
.color-2 {
color: #f0cba8;
}
.color-3 {
color: #f3e5a0;
}
.color-4 {
color: #a7d7b8;
}
.color-5 {
color: #89b7e1;
}

/* CSS Variables */
:root {
--color-1: #f9aeae;
 --color-2: #f0cba8;
 --color-3: #f3e5a0;
 --color-4: #a7d7b8;
 --color-5: #89b7e1;
 }

Smells Like Teen Spirit の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9aeae, #f0cba8, #f3e5a0, #a7d7b8, #89b7e1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9aeae, #f0cba8, #f3e5a0, #a7d7b8, #89b7e1);
}

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

Smells Like Teen Spirit color palette created on .