Aquatic Jelly カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Aquatic Jelly palette

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

Aquatic Jelly カラー パレット PNG 画像

Download aquatic jelly color palette PNG image (landscape)
Download aquatic jelly color palette PNG image (square)

Aquatic Jelly カラーパレット CSS

/* CSS */
.color-1 {
color: #5db3da;
}
.color-2 {
color: #77d0e4;
}
.color-3 {
color: #9be0ee;
}
.color-4 {
color: #bfecf3;
}
.color-5 {
color: #eaf7fa;
}

/* CSS Variables */
:root {
--color-1: #5db3da;
 --color-2: #77d0e4;
 --color-3: #9be0ee;
 --color-4: #bfecf3;
 --color-5: #eaf7fa;
 }

Aquatic Jelly の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5db3da, #77d0e4, #9be0ee, #bfecf3, #eaf7fa);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5db3da, #77d0e4, #9be0ee, #bfecf3, #eaf7fa);
}

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

Aquatic Jelly color palette created on .