Кулпнай Нэл カラーパレット

明るさ

彩度

暖かさ

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: #f7c6a1;
}
.color-2 {
color: #f5b2a3;
}
.color-3 {
color: #f57f8f;
}
.color-4 {
color: #d85f8f;
}
.color-5 {
color: #5a4a8c;
}

/* CSS Variables */
:root {
--color-1: #f7c6a1;
 --color-2: #f5b2a3;
 --color-3: #f57f8f;
 --color-4: #d85f8f;
 --color-5: #5a4a8c;
 }

Кулпнай Нэл の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c6a1, #f5b2a3, #f57f8f, #d85f8f, #5a4a8c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c6a1, #f5b2a3, #f57f8f, #d85f8f, #5a4a8c);
}

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

Кулпнай Нэл color palette created on .