Pierce the Veil カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pierce the Veil palette

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

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

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

Pierce the Veil カラーパレット (PNG) をダウンロード

Download pierce the veil color palette PNG image (landscape)
Download pierce the veil color palette PNG image (square)

Pierce the Veil カラーパレット CSS

/* CSS */
.color-1 {
color: #a48737;
}
.color-2 {
color: #8c4e31;
}
.color-3 {
color: #512e1f;
}
.color-4 {
color: #43437f;
}
.color-5 {
color: #7da3c5;
}

/* CSS Variables */
:root {
--color-1: #a48737;
 --color-2: #8c4e31;
 --color-3: #512e1f;
 --color-4: #43437f;
 --color-5: #7da3c5;
 }

Pierce the Veil の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a48737, #8c4e31, #512e1f, #43437f, #7da3c5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a48737, #8c4e31, #512e1f, #43437f, #7da3c5);
}

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

Pierce the Veil color palette created on .