Christmas in the 90’s カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Christmas in the 90’s palette

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

Christmas in the 90’s カラー パレット PNG 画像

Download christmas in the 90’s color palette PNG image (landscape)
Download christmas in the 90’s color palette PNG image (square)

Christmas in the 90’s カラーパレット CSS

/* CSS */
.color-1 {
color: #f35359;
}
.color-2 {
color: #a7d7d3;
}
.color-3 {
color: #f6d1b1;
}
.color-4 {
color: #3a5c7e;
}
.color-5 {
color: #a3c2b9;
}

/* CSS Variables */
:root {
--color-1: #f35359;
 --color-2: #a7d7d3;
 --color-3: #f6d1b1;
 --color-4: #3a5c7e;
 --color-5: #a3c2b9;
 }

Christmas in the 90’s の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f35359, #a7d7d3, #f6d1b1, #3a5c7e, #a3c2b9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f35359, #a7d7d3, #f6d1b1, #3a5c7e, #a3c2b9);
}

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

Christmas in the 90’s color palette created on .