Party Like the 80's カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Party Like the 80's palette

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

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

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

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

Download party like the 80's color palette PNG image (landscape)
Download party like the 80's color palette PNG image (square)

Party Like the 80's カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6d1f;
}
.color-2 {
color: #ffb638;
}
.color-3 {
color: #ffe78f;
}
.color-4 {
color: #5d40d4;
}
.color-5 {
color: #d6006f;
}

/* CSS Variables */
:root {
--color-1: #ff6d1f;
 --color-2: #ffb638;
 --color-3: #ffe78f;
 --color-4: #5d40d4;
 --color-5: #d6006f;
 }

Party Like the 80's の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6d1f, #ffb638, #ffe78f, #5d40d4, #d6006f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6d1f, #ffb638, #ffe78f, #5d40d4, #d6006f);
}

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

Party Like the 80's color palette created on .