Kawaii Y2K カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kawaii Y2K palette

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

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

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

Kawaii Y2K カラーパレット CSS

/* CSS */
.color-1 {
color: #f9a9b1;
}
.color-2 {
color: #ff7092;
}
.color-3 {
color: #ff998a;
}
.color-4 {
color: #ffcc8a;
}
.color-5 {
color: #ffeb8a;
}

/* CSS Variables */
:root {
--color-1: #f9a9b1;
 --color-2: #ff7092;
 --color-3: #ff998a;
 --color-4: #ffcc8a;
 --color-5: #ffeb8a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9a9b1, #ff7092, #ff998a, #ffcc8a, #ffeb8a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9a9b1, #ff7092, #ff998a, #ffcc8a, #ffeb8a);
}

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

Kawaii Y2K color palette created on .