Eclipse カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Eclipse palette

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

Eclipse カラー パレット PNG 画像

Download eclipse color palette PNG image (landscape)
Download eclipse color palette PNG image (square)

Eclipse カラーパレット CSS

/* CSS */
.color-1 {
color: #1d1d30;
}
.color-2 {
color: #3c3c4e;
}
.color-3 {
color: #4e5b83;
}
.color-4 {
color: #b0c1d8;
}
.color-5 {
color: #f4e1a4;
}

/* CSS Variables */
:root {
--color-1: #1d1d30;
 --color-2: #3c3c4e;
 --color-3: #4e5b83;
 --color-4: #b0c1d8;
 --color-5: #f4e1a4;
 }

Eclipse の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d1d30, #3c3c4e, #4e5b83, #b0c1d8, #f4e1a4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d1d30, #3c3c4e, #4e5b83, #b0c1d8, #f4e1a4);
}

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

Eclipse color palette created on .