Joan of Arc カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Joan of Arc palette

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

Joan of Arc カラー パレット PNG 画像

Download joan of arc color palette PNG image (landscape)
Download joan of arc color palette PNG image (square)

Joan of Arc カラーパレット CSS

/* CSS */
.color-1 {
color: #d19b6b;
}
.color-2 {
color: #a95a3d;
}
.color-3 {
color: #7c2e2d;
}
.color-4 {
color: #5a2b4b;
}
.color-5 {
color: #3e296a;
}

/* CSS Variables */
:root {
--color-1: #d19b6b;
 --color-2: #a95a3d;
 --color-3: #7c2e2d;
 --color-4: #5a2b4b;
 --color-5: #3e296a;
 }

Joan of Arc の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d19b6b, #a95a3d, #7c2e2d, #5a2b4b, #3e296a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d19b6b, #a95a3d, #7c2e2d, #5a2b4b, #3e296a);
}

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

Joan of Arc color palette created on .