Romanian Castle カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Romanian Castle palette

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

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

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

Romanian Castle カラーパレット CSS

/* CSS */
.color-1 {
color: #c2b180;
}
.color-2 {
color: #a87d4d;
}
.color-3 {
color: #895b29;
}
.color-4 {
color: #5b3a29;
}
.color-5 {
color: #4b2c20;
}

/* CSS Variables */
:root {
--color-1: #c2b180;
 --color-2: #a87d4d;
 --color-3: #895b29;
 --color-4: #5b3a29;
 --color-5: #4b2c20;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c2b180, #a87d4d, #895b29, #5b3a29, #4b2c20);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c2b180, #a87d4d, #895b29, #5b3a29, #4b2c20);
}

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

Romanian Castle color palette created on .