Math Class カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Math Class palette

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

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

Download math class color palette PNG image (landscape)
Download math class color palette PNG image (square)

Math Class カラーパレット CSS

/* CSS */
.color-1 {
color: #3a8c8d;
}
.color-2 {
color: #5fb4b1;
}
.color-3 {
color: #83d2d0;
}
.color-4 {
color: #f1e3b1;
}
.color-5 {
color: #e58585;
}

/* CSS Variables */
:root {
--color-1: #3a8c8d;
 --color-2: #5fb4b1;
 --color-3: #83d2d0;
 --color-4: #f1e3b1;
 --color-5: #e58585;
 }

Math Class の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3a8c8d, #5fb4b1, #83d2d0, #f1e3b1, #e58585);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3a8c8d, #5fb4b1, #83d2d0, #f1e3b1, #e58585);
}

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

Math Class color palette created on .