Wine and Ruby's カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Wine and Ruby's palette

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

Wine and Ruby's カラー パレット PNG 画像

Download wine and ruby's color palette PNG image (landscape)
Download wine and ruby's color palette PNG image (square)

Wine and Ruby's カラーパレット CSS

/* CSS */
.color-1 {
color: #4a1c24;
}
.color-2 {
color: #9d3f43;
}
.color-3 {
color: #d66b6e;
}
.color-4 {
color: #e2b1b6;
}
.color-5 {
color: #f7d4d5;
}

/* CSS Variables */
:root {
--color-1: #4a1c24;
 --color-2: #9d3f43;
 --color-3: #d66b6e;
 --color-4: #e2b1b6;
 --color-5: #f7d4d5;
 }

Wine and Ruby's の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a1c24, #9d3f43, #d66b6e, #e2b1b6, #f7d4d5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a1c24, #9d3f43, #d66b6e, #e2b1b6, #f7d4d5);
}

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

Wine and Ruby's color palette created on .