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 .