Mask カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mask palette

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

Mask カラーパレット (PNG) をダウンロード

Download mask color palette PNG image (landscape)
Download mask color palette PNG image (square)

Mask カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1c35;
}
.color-2 {
color: #4a4a6d;
}
.color-3 {
color: #7c7c98;
}
.color-4 {
color: #bbb6d8;
}
.color-5 {
color: #e6d4f2;
}

/* CSS Variables */
:root {
--color-1: #1f1c35;
 --color-2: #4a4a6d;
 --color-3: #7c7c98;
 --color-4: #bbb6d8;
 --color-5: #e6d4f2;
 }

Mask の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1c35, #4a4a6d, #7c7c98, #bbb6d8, #e6d4f2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1c35, #4a4a6d, #7c7c98, #bbb6d8, #e6d4f2);
}

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

Mask color palette created on .