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 .