Colorful Lisa カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Colorful Lisa palette

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

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

Download colorful lisa color palette PNG image (landscape)
Download colorful lisa color palette PNG image (square)

Colorful Lisa カラーパレット CSS

/* CSS */
.color-1 {
color: #f7db69;
}
.color-2 {
color: #f2af78;
}
.color-3 {
color: #f18f88;
}
.color-4 {
color: #b679d2;
}
.color-5 {
color: #7ac0eb;
}

/* CSS Variables */
:root {
--color-1: #f7db69;
 --color-2: #f2af78;
 --color-3: #f18f88;
 --color-4: #b679d2;
 --color-5: #7ac0eb;
 }

Colorful Lisa の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7db69, #f2af78, #f18f88, #b679d2, #7ac0eb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7db69, #f2af78, #f18f88, #b679d2, #7ac0eb);
}

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

Colorful Lisa color palette created on .