Crime Scene カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Crime Scene palette

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

Crime Scene カラー パレット PNG 画像

Download crime scene color palette PNG image (landscape)
Download crime scene color palette PNG image (square)

Crime Scene カラーパレット CSS

/* CSS */
.color-1 {
color: #691111;
}
.color-2 {
color: #833e0c;
}
.color-3 {
color: #9b5d27;
}
.color-4 {
color: #a38b00;
}
.color-5 {
color: #a0301c;
}

/* CSS Variables */
:root {
--color-1: #691111;
 --color-2: #833e0c;
 --color-3: #9b5d27;
 --color-4: #a38b00;
 --color-5: #a0301c;
 }

Crime Scene の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #691111, #833e0c, #9b5d27, #a38b00, #a0301c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #691111, #833e0c, #9b5d27, #a38b00, #a0301c);
}

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

Crime Scene color palette created on .