Dark Y2K カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Y2K palette

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

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

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

Dark Y2K カラーパレット CSS

/* CSS */
.color-1 {
color: #3c1a6b;
}
.color-2 {
color: #712f92;
}
.color-3 {
color: #a059ab;
}
.color-4 {
color: #e0a3d4;
}
.color-5 {
color: #ff7092;
}

/* CSS Variables */
:root {
--color-1: #3c1a6b;
 --color-2: #712f92;
 --color-3: #a059ab;
 --color-4: #e0a3d4;
 --color-5: #ff7092;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3c1a6b, #712f92, #a059ab, #e0a3d4, #ff7092);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3c1a6b, #712f92, #a059ab, #e0a3d4, #ff7092);
}

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

下にスクロールして3個のダークカラーパレットを探索しましょう

Dark Y2K color palette created on .