Gyaru Y2K カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Gyaru Y2K palette

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

Gyaru Y2K カラー パレット PNG 画像

Download gyaru y2k color palette PNG image (landscape)
Download gyaru y2k color palette PNG image (square)

Gyaru Y2K カラーパレット CSS

/* CSS */
.color-1 {
color: #ffc2cc;
}
.color-2 {
color: #ffb8c1;
}
.color-3 {
color: #ff6bb5;
}
.color-4 {
color: #ff1492;
}
.color-5 {
color: #c61585;
}

/* CSS Variables */
:root {
--color-1: #ffc2cc;
 --color-2: #ffb8c1;
 --color-3: #ff6bb5;
 --color-4: #ff1492;
 --color-5: #c61585;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffc2cc, #ffb8c1, #ff6bb5, #ff1492, #c61585);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffc2cc, #ffb8c1, #ff6bb5, #ff1492, #c61585);
}

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

Gyaru Y2K color palette created on .