Colorful Six カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Colorful Six palette

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

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

Download colorful six color palette PNG image (landscape)
Download colorful six color palette PNG image (square)

Colorful Six カラーパレット CSS

/* CSS */
.color-1 {
color: #e9dde6;
}
.color-2 {
color: #e9afe6;
}
.color-3 {
color: #b4d9e9;
}
.color-4 {
color: #89b7ec;
}
.color-5 {
color: #68b4ed;
}

/* CSS Variables */
:root {
--color-1: #e9dde6;
 --color-2: #e9afe6;
 --color-3: #b4d9e9;
 --color-4: #89b7ec;
 --color-5: #68b4ed;
 }

Colorful Six の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e9dde6, #e9afe6, #b4d9e9, #89b7ec, #68b4ed);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e9dde6, #e9afe6, #b4d9e9, #89b7ec, #68b4ed);
}

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

Colorful Six color palette created on .