Summer 1996 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Summer 1996 palette

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

Summer 1996 カラー パレット PNG 画像

Download summer 1996 color palette PNG image (landscape)
Download summer 1996 color palette PNG image (square)

Summer 1996 カラーパレット CSS

/* CSS */
.color-1 {
color: #f9d75d;
}
.color-2 {
color: #f6a83c;
}
.color-3 {
color: #d64d2e;
}
.color-4 {
color: #a93d6d;
}
.color-5 {
color: #592b88;
}

/* CSS Variables */
:root {
--color-1: #f9d75d;
 --color-2: #f6a83c;
 --color-3: #d64d2e;
 --color-4: #a93d6d;
 --color-5: #592b88;
 }

Summer 1996 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9d75d, #f6a83c, #d64d2e, #a93d6d, #592b88);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9d75d, #f6a83c, #d64d2e, #a93d6d, #592b88);
}

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

Summer 1996 color palette created on .