Glisa カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Glisa palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

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

Glisa カラーパレット CSS

/* CSS */
.color-1 {
color: #ffc2c3;
}
.color-2 {
color: #ffd6bd;
}
.color-3 {
color: #fff5bd;
}
.color-4 {
color: #dbffea;
}
.color-5 {
color: #dbe6ff;
}

/* CSS Variables */
:root {
--color-1: #ffc2c3;
 --color-2: #ffd6bd;
 --color-3: #fff5bd;
 --color-4: #dbffea;
 --color-5: #dbe6ff;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffc2c3, #ffd6bd, #fff5bd, #dbffea, #dbe6ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffc2c3, #ffd6bd, #fff5bd, #dbffea, #dbe6ff);
}

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

Glisa color palette created on .