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 .