Pastel Cyber Goth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pastel Cyber Goth palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Pastel Cyber Goth カラーパレット (PNG) をダウンロード

Download pastel cyber goth color palette PNG image (landscape)
Download pastel cyber goth color palette PNG image (square)

Pastel Cyber Goth カラーパレット CSS

/* CSS */
.color-1 {
color: #f4a462;
}
.color-2 {
color: #2a9d90;
}
.color-3 {
color: #274754;
}
.color-4 {
color: #e76e50;
}
.color-5 {
color: #ffca75;
}

/* CSS Variables */
:root {
--color-1: #f4a462;
 --color-2: #2a9d90;
 --color-3: #274754;
 --color-4: #e76e50;
 --color-5: #ffca75;
 }

Pastel Cyber Goth の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4a462, #2a9d90, #274754, #e76e50, #ffca75);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4a462, #2a9d90, #274754, #e76e50, #ffca75);
}

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

Pastel Cyber Goth color palette created on .