Matisse Inspired カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Matisse Inspired palette

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

Matisse Inspired カラー パレット PNG 画像

Download matisse inspired color palette PNG image (landscape)
Download matisse inspired color palette PNG image (square)

Matisse Inspired カラーパレット CSS

/* CSS */
.color-1 {
color: #1d798c;
}
.color-2 {
color: #4d9da3;
}
.color-3 {
color: #7db4b5;
}
.color-4 {
color: #a6d9d8;
}
.color-5 {
color: #f3e0d3;
}

/* CSS Variables */
:root {
--color-1: #1d798c;
 --color-2: #4d9da3;
 --color-3: #7db4b5;
 --color-4: #a6d9d8;
 --color-5: #f3e0d3;
 }

Matisse Inspired の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d798c, #4d9da3, #7db4b5, #a6d9d8, #f3e0d3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d798c, #4d9da3, #7db4b5, #a6d9d8, #f3e0d3);
}

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

Matisse Inspired color palette created on .