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 .