Mortimer Goth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mortimer Goth palette

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

Mortimer Goth カラー パレット PNG 画像

Download mortimer goth color palette PNG image (landscape)
Download mortimer goth color palette PNG image (square)

Mortimer Goth カラーパレット CSS

/* CSS */
.color-1 {
color: #000000;
}
.color-2 {
color: #4c3e3e;
}
.color-3 {
color: #7e7c7c;
}
.color-4 {
color: #a5a9a2;
}
.color-5 {
color: #d3d1d6;
}

/* CSS Variables */
:root {
--color-1: #000000;
 --color-2: #4c3e3e;
 --color-3: #7e7c7c;
 --color-4: #a5a9a2;
 --color-5: #d3d1d6;
 }

Mortimer Goth の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #000000, #4c3e3e, #7e7c7c, #a5a9a2, #d3d1d6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #000000, #4c3e3e, #7e7c7c, #a5a9a2, #d3d1d6);
}

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

Mortimer Goth color palette created on .