Windows 95 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Windows 95 palette

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

Windows 95 カラー パレット PNG 画像

Download windows 95 color palette PNG image (landscape)
Download windows 95 color palette PNG image (square)

Windows 95 カラーパレット CSS

/* CSS */
.color-1 {
color: #0076d6;
}
.color-2 {
color: #00a5e0;
}
.color-3 {
color: #799bcd;
}
.color-4 {
color: #9acaef;
}
.color-5 {
color: #d1e7ff;
}

/* CSS Variables */
:root {
--color-1: #0076d6;
 --color-2: #00a5e0;
 --color-3: #799bcd;
 --color-4: #9acaef;
 --color-5: #d1e7ff;
 }

Windows 95 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #0076d6, #00a5e0, #799bcd, #9acaef, #d1e7ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #0076d6, #00a5e0, #799bcd, #9acaef, #d1e7ff);
}

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

Windows 95 color palette created on .