Cine 1991 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cine 1991 palette

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

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

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

Cine 1991 カラーパレット (PNG) をダウンロード

Download cine 1991 color palette PNG image (landscape)
Download cine 1991 color palette PNG image (square)

Cine 1991 カラーパレット CSS

/* CSS */
.color-1 {
color: #d63f2e;
}
.color-2 {
color: #f1b341;
}
.color-3 {
color: #f7d259;
}
.color-4 {
color: #79c8e6;
}
.color-5 {
color: #4051b5;
}

/* CSS Variables */
:root {
--color-1: #d63f2e;
 --color-2: #f1b341;
 --color-3: #f7d259;
 --color-4: #79c8e6;
 --color-5: #4051b5;
 }

Cine 1991 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d63f2e, #f1b341, #f7d259, #79c8e6, #4051b5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d63f2e, #f1b341, #f7d259, #79c8e6, #4051b5);
}

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

Cine 1991 color palette created on .