Crimson Shades カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Crimson Shades palette

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

Crimson Shades カラーパレット (PNG) をダウンロード

Download crimson shades color palette PNG image (landscape)
Download crimson shades color palette PNG image (square)

Crimson Shades カラーパレット CSS

/* CSS */
.color-1 {
color: #8c2c2c;
}
.color-2 {
color: #b94b4b;
}
.color-3 {
color: #d77e7e;
}
.color-4 {
color: #f9b9b9;
}
.color-5 {
color: #faebeb;
}

/* CSS Variables */
:root {
--color-1: #8c2c2c;
 --color-2: #b94b4b;
 --color-3: #d77e7e;
 --color-4: #f9b9b9;
 --color-5: #faebeb;
 }

Crimson Shades の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8c2c2c, #b94b4b, #d77e7e, #f9b9b9, #faebeb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8c2c2c, #b94b4b, #d77e7e, #f9b9b9, #faebeb);
}

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

Crimson Shades color palette created on .