Knight of the Roundtable カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Knight of the Roundtable palette

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

Knight of the Roundtable カラー パレット PNG 画像

Download knight of the roundtable color palette PNG image (landscape)
Download knight of the roundtable color palette PNG image (square)

Knight of the Roundtable カラーパレット CSS

/* CSS */
.color-1 {
color: #4a3c12;
}
.color-2 {
color: #8a6e3d;
}
.color-3 {
color: #c1a96c;
}
.color-4 {
color: #e6c85b;
}
.color-5 {
color: #d96030;
}

/* CSS Variables */
:root {
--color-1: #4a3c12;
 --color-2: #8a6e3d;
 --color-3: #c1a96c;
 --color-4: #e6c85b;
 --color-5: #d96030;
 }

Knight of the Roundtable の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a3c12, #8a6e3d, #c1a96c, #e6c85b, #d96030);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a3c12, #8a6e3d, #c1a96c, #e6c85b, #d96030);
}

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

Knight of the Roundtable color palette created on .