English Castle カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with English Castle palette

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

English Castle カラー パレット PNG 画像

Download english castle color palette PNG image (landscape)
Download english castle color palette PNG image (square)

English Castle カラーパレット CSS

/* CSS */
.color-1 {
color: #a6a9c4;
}
.color-2 {
color: #d5ccae;
}
.color-3 {
color: #e8d2a6;
}
.color-4 {
color: #b0caa0;
}
.color-5 {
color: #7c9a79;
}

/* CSS Variables */
:root {
--color-1: #a6a9c4;
 --color-2: #d5ccae;
 --color-3: #e8d2a6;
 --color-4: #b0caa0;
 --color-5: #7c9a79;
 }

English Castle の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a6a9c4, #d5ccae, #e8d2a6, #b0caa0, #7c9a79);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a6a9c4, #d5ccae, #e8d2a6, #b0caa0, #7c9a79);
}

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

English Castle color palette created on .