Chresia Ann カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Chresia Ann palette

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

Chresia Ann カラー パレット PNG 画像

Download chresia ann color palette PNG image (landscape)
Download chresia ann color palette PNG image (square)

Chresia Ann カラーパレット CSS

/* CSS */
.color-1 {
color: #ffb8c1;
}
.color-2 {
color: #ff6bb5;
}
.color-3 {
color: #ff1492;
}
.color-4 {
color: #c61585;
}
.color-5 {
color: #8a008a;
}

/* CSS Variables */
:root {
--color-1: #ffb8c1;
 --color-2: #ff6bb5;
 --color-3: #ff1492;
 --color-4: #c61585;
 --color-5: #8a008a;
 }

Chresia Ann の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb8c1, #ff6bb5, #ff1492, #c61585, #8a008a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb8c1, #ff6bb5, #ff1492, #c61585, #8a008a);
}

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

Chresia Ann color palette created on .