Queen of Ithica カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Queen of Ithica palette

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

Queen of Ithica カラー パレット PNG 画像

Download queen of ithica color palette PNG image (landscape)
Download queen of ithica color palette PNG image (square)

Queen of Ithica カラーパレット CSS

/* CSS */
.color-1 {
color: #4c3d8f;
}
.color-2 {
color: #7b6aaf;
}
.color-3 {
color: #a5a3d7;
}
.color-4 {
color: #d6c9e8;
}
.color-5 {
color: #f4e5ff;
}

/* CSS Variables */
:root {
--color-1: #4c3d8f;
 --color-2: #7b6aaf;
 --color-3: #a5a3d7;
 --color-4: #d6c9e8;
 --color-5: #f4e5ff;
 }

Queen of Ithica の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4c3d8f, #7b6aaf, #a5a3d7, #d6c9e8, #f4e5ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4c3d8f, #7b6aaf, #a5a3d7, #d6c9e8, #f4e5ff);
}

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

Queen of Ithica color palette created on .