Insane Puppeteer カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Insane Puppeteer palette

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

Insane Puppeteer カラー パレット PNG 画像

Download insane puppeteer color palette PNG image (landscape)
Download insane puppeteer color palette PNG image (square)

Insane Puppeteer カラーパレット CSS

/* CSS */
.color-1 {
color: #29214a;
}
.color-2 {
color: #3e325d;
}
.color-3 {
color: #5b4a73;
}
.color-4 {
color: #75657b;
}
.color-5 {
color: #ab6d54;
}

/* CSS Variables */
:root {
--color-1: #29214a;
 --color-2: #3e325d;
 --color-3: #5b4a73;
 --color-4: #75657b;
 --color-5: #ab6d54;
 }

Insane Puppeteer の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #29214a, #3e325d, #5b4a73, #75657b, #ab6d54);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #29214a, #3e325d, #5b4a73, #75657b, #ab6d54);
}

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

Insane Puppeteer color palette created on .