80's Horror カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with 80's Horror palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

80's Horror カラーパレット (PNG) をダウンロード

Download 80's horror color palette PNG image (landscape)
Download 80's horror color palette PNG image (square)

80's Horror カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #d84f6b;
}
.color-3 {
color: #a93d8e;
}
.color-4 {
color: #6a2c90;
}
.color-5 {
color: #3f1a70;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #d84f6b;
 --color-3: #a93d8e;
 --color-4: #6a2c90;
 --color-5: #3f1a70;
 }

80's Horror の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #d84f6b, #a93d8e, #6a2c90, #3f1a70);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #d84f6b, #a93d8e, #6a2c90, #3f1a70);
}

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

80's Horror color palette created on .