Medieval Indigo カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Medieval Indigo palette

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

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

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

Medieval Indigo カラーパレット CSS

/* CSS */
.color-1 {
color: #5b608f;
}
.color-2 {
color: #4b4e77;
}
.color-3 {
color: #393b65;
}
.color-4 {
color: #2a2b55;
}
.color-5 {
color: #191943;
}

/* CSS Variables */
:root {
--color-1: #5b608f;
 --color-2: #4b4e77;
 --color-3: #393b65;
 --color-4: #2a2b55;
 --color-5: #191943;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b608f, #4b4e77, #393b65, #2a2b55, #191943);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b608f, #4b4e77, #393b65, #2a2b55, #191943);
}

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

下にスクロールして1個のインディゴカラーパレットを探索しましょう

Medieval Indigo color palette created on .