Celtic Warriors カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Celtic Warriors palette

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

Celtic Warriors カラー パレット PNG 画像

Download celtic warriors color palette PNG image (landscape)
Download celtic warriors color palette PNG image (square)

Celtic Warriors カラーパレット CSS

/* CSS */
.color-1 {
color: #ab5c3b;
}
.color-2 {
color: #b7c0a5;
}
.color-3 {
color: #5a7e2a;
}
.color-4 {
color: #4c8c2b;
}
.color-5 {
color: #2a3c2a;
}

/* CSS Variables */
:root {
--color-1: #ab5c3b;
 --color-2: #b7c0a5;
 --color-3: #5a7e2a;
 --color-4: #4c8c2b;
 --color-5: #2a3c2a;
 }

Celtic Warriors の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ab5c3b, #b7c0a5, #5a7e2a, #4c8c2b, #2a3c2a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ab5c3b, #b7c0a5, #5a7e2a, #4c8c2b, #2a3c2a);
}

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

Celtic Warriors color palette created on .