Glisten カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Glisten palette

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

Glisten カラー パレット PNG 画像

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

Glisten カラーパレット CSS

/* CSS */
.color-1 {
color: #f0a800;
}
.color-2 {
color: #f6ce6a;
}
.color-3 {
color: #f7e9b6;
}
.color-4 {
color: #a8d9e1;
}
.color-5 {
color: #5fb3c4;
}

/* CSS Variables */
:root {
--color-1: #f0a800;
 --color-2: #f6ce6a;
 --color-3: #f7e9b6;
 --color-4: #a8d9e1;
 --color-5: #5fb3c4;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0a800, #f6ce6a, #f7e9b6, #a8d9e1, #5fb3c4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0a800, #f6ce6a, #f7e9b6, #a8d9e1, #5fb3c4);
}

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

Glisten color palette created on .