Alexandrite Witch カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Alexandrite Witch palette

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

Alexandrite Witch カラー パレット PNG 画像

Download alexandrite witch color palette PNG image (landscape)
Download alexandrite witch color palette PNG image (square)

Alexandrite Witch カラーパレット CSS

/* CSS */
.color-1 {
color: #0e4b58;
}
.color-2 {
color: #12555e;
}
.color-3 {
color: #1b686f;
}
.color-4 {
color: #60245e;
}
.color-5 {
color: #551651;
}

/* CSS Variables */
:root {
--color-1: #0e4b58;
 --color-2: #12555e;
 --color-3: #1b686f;
 --color-4: #60245e;
 --color-5: #551651;
 }

Alexandrite Witch の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #0e4b58, #12555e, #1b686f, #60245e, #551651);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #0e4b58, #12555e, #1b686f, #60245e, #551651);
}

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

Alexandrite Witch color palette created on .