Passion Red カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Passion Red palette

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

Passion Red カラー パレット PNG 画像

Download passion red color palette PNG image (landscape)
Download passion red color palette PNG image (square)

Passion Red カラーパレット CSS

/* CSS */
.color-1 {
color: #d9a5a1;
}
.color-2 {
color: #bd6b7b;
}
.color-3 {
color: #a83e4e;
}
.color-4 {
color: #901d2b;
}
.color-5 {
color: #6c0e14;
}

/* CSS Variables */
:root {
--color-1: #d9a5a1;
 --color-2: #bd6b7b;
 --color-3: #a83e4e;
 --color-4: #901d2b;
 --color-5: #6c0e14;
 }

Passion Red の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d9a5a1, #bd6b7b, #a83e4e, #901d2b, #6c0e14);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d9a5a1, #bd6b7b, #a83e4e, #901d2b, #6c0e14);
}

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

Passion Red color palette created on .