Matt Murdock カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Matt Murdock palette

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

Matt Murdock カラー パレット PNG 画像

Download matt murdock color palette PNG image (landscape)
Download matt murdock color palette PNG image (square)

Matt Murdock カラーパレット CSS

/* CSS */
.color-1 {
color: #d3503c;
}
.color-2 {
color: #4e3c3e;
}
.color-3 {
color: #b8a48e;
}
.color-4 {
color: #f6cfc6;
}
.color-5 {
color: #a84d4d;
}

/* CSS Variables */
:root {
--color-1: #d3503c;
 --color-2: #4e3c3e;
 --color-3: #b8a48e;
 --color-4: #f6cfc6;
 --color-5: #a84d4d;
 }

Matt Murdock の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d3503c, #4e3c3e, #b8a48e, #f6cfc6, #a84d4d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d3503c, #4e3c3e, #b8a48e, #f6cfc6, #a84d4d);
}

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

Matt Murdock color palette created on .