Crown of Thorns カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Crown of Thorns palette

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

Crown of Thorns カラー パレット PNG 画像

Download crown of thorns color palette PNG image (landscape)
Download crown of thorns color palette PNG image (square)

Crown of Thorns カラーパレット CSS

/* CSS */
.color-1 {
color: #761e1e;
}
.color-2 {
color: #a65e5e;
}
.color-3 {
color: #d4a19b;
}
.color-4 {
color: #f1c84b;
}
.color-5 {
color: #bfd4df;
}

/* CSS Variables */
:root {
--color-1: #761e1e;
 --color-2: #a65e5e;
 --color-3: #d4a19b;
 --color-4: #f1c84b;
 --color-5: #bfd4df;
 }

Crown of Thorns の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #761e1e, #a65e5e, #d4a19b, #f1c84b, #bfd4df);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #761e1e, #a65e5e, #d4a19b, #f1c84b, #bfd4df);
}

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

Crown of Thorns color palette created on .