Cherry Wine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cherry Wine palette

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

Cherry Wine カラー パレット PNG 画像

Download cherry wine color palette PNG image (landscape)
Download cherry wine color palette PNG image (square)

Cherry Wine カラーパレット CSS

/* CSS */
.color-1 {
color: #a62b2b;
}
.color-2 {
color: #b42222;
}
.color-3 {
color: #c92c3c;
}
.color-4 {
color: #d85a8a;
}
.color-5 {
color: #f1a7c5;
}

/* CSS Variables */
:root {
--color-1: #a62b2b;
 --color-2: #b42222;
 --color-3: #c92c3c;
 --color-4: #d85a8a;
 --color-5: #f1a7c5;
 }

Cherry Wine の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a62b2b, #b42222, #c92c3c, #d85a8a, #f1a7c5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a62b2b, #b42222, #c92c3c, #d85a8a, #f1a7c5);
}

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

Cherry Wine color palette created on .