Louis XVII カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Louis XVII palette

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

Louis XVII カラー パレット PNG 画像

Download louis xvii color palette PNG image (landscape)
Download louis xvii color palette PNG image (square)

Louis XVII カラーパレット CSS

/* CSS */
.color-1 {
color: #d3c2a6;
}
.color-2 {
color: #a96c5b;
}
.color-3 {
color: #6b4a78;
}
.color-4 {
color: #2b4c7d;
}
.color-5 {
color: #f4cf3e;
}

/* CSS Variables */
:root {
--color-1: #d3c2a6;
 --color-2: #a96c5b;
 --color-3: #6b4a78;
 --color-4: #2b4c7d;
 --color-5: #f4cf3e;
 }

Louis XVII の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d3c2a6, #a96c5b, #6b4a78, #2b4c7d, #f4cf3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d3c2a6, #a96c5b, #6b4a78, #2b4c7d, #f4cf3e);
}

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

Louis XVII color palette created on .