Ксюша カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ксюша palette

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

Ксюша カラー パレット PNG 画像

Download ксюша color palette PNG image (landscape)
Download ксюша color palette PNG image (square)

Ксюша カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #4eb7ac;
}
.color-4 {
color: #4b91e2;
}
.color-5 {
color: #d33131;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ffb84d;
 --color-3: #4eb7ac;
 --color-4: #4b91e2;
 --color-5: #d33131;
 }

Ксюша の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffb84d, #4eb7ac, #4b91e2, #d33131);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffb84d, #4eb7ac, #4b91e2, #d33131);
}

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

Ксюша color palette created on .