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 .