Jane the Killer カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Jane the Killer palette

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

Jane the Killer カラー パレット PNG 画像

Download jane the killer color palette PNG image (landscape)
Download jane the killer color palette PNG image (square)

Jane the Killer カラーパレット CSS

/* CSS */
.color-1 {
color: #7c2d3f;
}
.color-2 {
color: #a45b74;
}
.color-3 {
color: #e2b59c;
}
.color-4 {
color: #f7e7c5;
}
.color-5 {
color: #f0b7b2;
}

/* CSS Variables */
:root {
--color-1: #7c2d3f;
 --color-2: #a45b74;
 --color-3: #e2b59c;
 --color-4: #f7e7c5;
 --color-5: #f0b7b2;
 }

Jane the Killer の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7c2d3f, #a45b74, #e2b59c, #f7e7c5, #f0b7b2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7c2d3f, #a45b74, #e2b59c, #f7e7c5, #f0b7b2);
}

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

Jane the Killer color palette created on .