Kidcore Gyaru Cyberpunk カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kidcore Gyaru Cyberpunk palette

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

Kidcore Gyaru Cyberpunk カラー パレット PNG 画像

Download kidcore gyaru cyberpunk color palette PNG image (landscape)
Download kidcore gyaru cyberpunk color palette PNG image (square)

Kidcore Gyaru Cyberpunk カラーパレット CSS

/* CSS */
.color-1 {
color: #f0a400;
}
.color-2 {
color: #ff6e61;
}
.color-3 {
color: #690571;
}
.color-4 {
color: #4ccdc4;
}
.color-5 {
color: #ff2e62;
}

/* CSS Variables */
:root {
--color-1: #f0a400;
 --color-2: #ff6e61;
 --color-3: #690571;
 --color-4: #4ccdc4;
 --color-5: #ff2e62;
 }

Kidcore Gyaru Cyberpunk の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0a400, #ff6e61, #690571, #4ccdc4, #ff2e62);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0a400, #ff6e61, #690571, #4ccdc4, #ff2e62);
}

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

Kidcore Gyaru Cyberpunk color palette created on .