Medieval Jester カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Medieval Jester palette

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

Medieval Jester カラー パレット PNG 画像

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

Medieval Jester カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1b79;
}
.color-2 {
color: #4b1e8f;
}
.color-3 {
color: #7e206e;
}
.color-4 {
color: #c63e2f;
}
.color-5 {
color: #f1b041;
}

/* CSS Variables */
:root {
--color-1: #1f1b79;
 --color-2: #4b1e8f;
 --color-3: #7e206e;
 --color-4: #c63e2f;
 --color-5: #f1b041;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1b79, #4b1e8f, #7e206e, #c63e2f, #f1b041);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1b79, #4b1e8f, #7e206e, #c63e2f, #f1b041);
}

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

Medieval Jester color palette created on .