Knights of the Round Table カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Knights of the Round Table palette

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

Knights of the Round Table カラー パレット PNG 画像

Download knights of the round table color palette PNG image (landscape)
Download knights of the round table color palette PNG image (square)

Knights of the Round Table カラーパレット CSS

/* CSS */
.color-1 {
color: #4d3e2e;
}
.color-2 {
color: #a67c59;
}
.color-3 {
color: #d0b78a;
}
.color-4 {
color: #e5cea4;
}
.color-5 {
color: #c1a35c;
}

/* CSS Variables */
:root {
--color-1: #4d3e2e;
 --color-2: #a67c59;
 --color-3: #d0b78a;
 --color-4: #e5cea4;
 --color-5: #c1a35c;
 }

Knights of the Round Table の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4d3e2e, #a67c59, #d0b78a, #e5cea4, #c1a35c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4d3e2e, #a67c59, #d0b78a, #e5cea4, #c1a35c);
}

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

Knights of the Round Table color palette created on .