Medieval Adventure カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Medieval Adventure palette

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

Medieval Adventure カラーパレット (PNG) をダウンロード

Download medieval adventure color palette PNG image (landscape)
Download medieval adventure color palette PNG image (square)

Medieval Adventure カラーパレット CSS

/* CSS */
.color-1 {
color: #3b7aba;
}
.color-2 {
color: #2d598b;
}
.color-3 {
color: #4a8fba;
}
.color-4 {
color: #c5d5e2;
}
.color-5 {
color: #f2e8b5;
}

/* CSS Variables */
:root {
--color-1: #3b7aba;
 --color-2: #2d598b;
 --color-3: #4a8fba;
 --color-4: #c5d5e2;
 --color-5: #f2e8b5;
 }

Medieval Adventure の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b7aba, #2d598b, #4a8fba, #c5d5e2, #f2e8b5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b7aba, #2d598b, #4a8fba, #c5d5e2, #f2e8b5);
}

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

Medieval Adventure color palette created on .