Netscape Navigator カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Netscape Navigator palette

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

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

Download netscape navigator color palette PNG image (landscape)
Download netscape navigator color palette PNG image (square)

Netscape Navigator カラーパレット CSS

/* CSS */
.color-1 {
color: #1b4c79;
}
.color-2 {
color: #4f80a1;
}
.color-3 {
color: #94b2c7;
}
.color-4 {
color: #f1c40e;
}
.color-5 {
color: #e77e23;
}

/* CSS Variables */
:root {
--color-1: #1b4c79;
 --color-2: #4f80a1;
 --color-3: #94b2c7;
 --color-4: #f1c40e;
 --color-5: #e77e23;
 }

Netscape Navigator の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b4c79, #4f80a1, #94b2c7, #f1c40e, #e77e23);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b4c79, #4f80a1, #94b2c7, #f1c40e, #e77e23);
}

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

Netscape Navigator color palette created on .