Loading...

Jovian Mirage カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Jovian Mirage palette

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

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

Download jovian mirage color palette PNG image (landscape)
Download jovian mirage color palette PNG image (square)

Jovian Mirage カラーパレット CSS

/* CSS */
.color-1 {
color: #3b8ca5;
}
.color-2 {
color: #5dc6af;
}
.color-3 {
color: #7ee7a3;
}
.color-4 {
color: #c1e7d2;
}
.color-5 {
color: #f3f9f1;
}

/* CSS Variables */
:root {
--color-1: #3b8ca5;
 --color-2: #5dc6af;
 --color-3: #7ee7a3;
 --color-4: #c1e7d2;
 --color-5: #f3f9f1;
 }

Jovian Mirage の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b8ca5, #5dc6af, #7ee7a3, #c1e7d2, #f3f9f1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b8ca5, #5dc6af, #7ee7a3, #c1e7d2, #f3f9f1);
}

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

Jovian Mirage color palette created on .