What the Sigma カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with What the Sigma palette

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

What the Sigma カラー パレット PNG 画像

Download what the sigma color palette PNG image (landscape)
Download what the sigma color palette PNG image (square)

What the Sigma カラーパレット CSS

/* CSS */
.color-1 {
color: #699b92;
}
.color-2 {
color: #b2d7c6;
}
.color-3 {
color: #f1f8e8;
}
.color-4 {
color: #ffdd57;
}
.color-5 {
color: #ff6e61;
}

/* CSS Variables */
:root {
--color-1: #699b92;
 --color-2: #b2d7c6;
 --color-3: #f1f8e8;
 --color-4: #ffdd57;
 --color-5: #ff6e61;
 }

What the Sigma の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #699b92, #b2d7c6, #f1f8e8, #ffdd57, #ff6e61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #699b92, #b2d7c6, #f1f8e8, #ffdd57, #ff6e61);
}

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

What the Sigma color palette created on .