Girly Y2K Childhood カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Girly Y2K Childhood palette

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

Girly Y2K Childhood カラー パレット PNG 画像

Download girly y2k childhood color palette PNG image (landscape)
Download girly y2k childhood color palette PNG image (square)

Girly Y2K Childhood カラーパレット CSS

/* CSS */
.color-1 {
color: #f7b1d4;
}
.color-2 {
color: #ff7092;
}
.color-3 {
color: #ffadad;
}
.color-4 {
color: #ffc29e;
}
.color-5 {
color: #ff667d;
}

/* CSS Variables */
:root {
--color-1: #f7b1d4;
 --color-2: #ff7092;
 --color-3: #ffadad;
 --color-4: #ffc29e;
 --color-5: #ff667d;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7b1d4, #ff7092, #ffadad, #ffc29e, #ff667d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7b1d4, #ff7092, #ffadad, #ffc29e, #ff667d);
}

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

Girly Y2K Childhood color palette created on .