Kurt Cobain カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kurt Cobain palette

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

Kurt Cobain カラー パレット PNG 画像

Download kurt cobain color palette PNG image (landscape)
Download kurt cobain color palette PNG image (square)

Kurt Cobain カラーパレット CSS

/* CSS */
.color-1 {
color: #9b6f8d;
}
.color-2 {
color: #e6b7d4;
}
.color-3 {
color: #b2c7d2;
}
.color-4 {
color: #7d9b8e;
}
.color-5 {
color: #f0a800;
}

/* CSS Variables */
:root {
--color-1: #9b6f8d;
 --color-2: #e6b7d4;
 --color-3: #b2c7d2;
 --color-4: #7d9b8e;
 --color-5: #f0a800;
 }

Kurt Cobain の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9b6f8d, #e6b7d4, #b2c7d2, #7d9b8e, #f0a800);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9b6f8d, #e6b7d4, #b2c7d2, #7d9b8e, #f0a800);
}

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

Kurt Cobain color palette created on .