Arthur Morgan カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Arthur Morgan palette

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

Arthur Morgan カラー パレット PNG 画像

Download arthur morgan color palette PNG image (landscape)
Download arthur morgan color palette PNG image (square)

Arthur Morgan カラーパレット CSS

/* CSS */
.color-1 {
color: #4d3c28;
}
.color-2 {
color: #a67c54;
}
.color-3 {
color: #d8b77d;
}
.color-4 {
color: #f7e1a1;
}
.color-5 {
color: #e2b8a7;
}

/* CSS Variables */
:root {
--color-1: #4d3c28;
 --color-2: #a67c54;
 --color-3: #d8b77d;
 --color-4: #f7e1a1;
 --color-5: #e2b8a7;
 }

Arthur Morgan の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4d3c28, #a67c54, #d8b77d, #f7e1a1, #e2b8a7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4d3c28, #a67c54, #d8b77d, #f7e1a1, #e2b8a7);
}

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

Arthur Morgan color palette created on .