Crimson Night, Twinkling Stars カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Crimson Night, Twinkling Stars palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Crimson Night, Twinkling Stars カラーパレット (PNG) をダウンロード

Download crimson night, twinkling stars color palette PNG image (landscape)
Download crimson night, twinkling stars color palette PNG image (square)

Crimson Night, Twinkling Stars カラーパレット CSS

/* CSS */
.color-1 {
color: #6d2c3f;
}
.color-2 {
color: #4e4c76;
}
.color-3 {
color: #2c2e4e;
}
.color-4 {
color: #2d5d67;
}
.color-5 {
color: #a6c6c9;
}

/* CSS Variables */
:root {
--color-1: #6d2c3f;
 --color-2: #4e4c76;
 --color-3: #2c2e4e;
 --color-4: #2d5d67;
 --color-5: #a6c6c9;
 }

Crimson Night, Twinkling Stars の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6d2c3f, #4e4c76, #2c2e4e, #2d5d67, #a6c6c9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6d2c3f, #4e4c76, #2c2e4e, #2d5d67, #a6c6c9);
}

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

Crimson Night, Twinkling Stars color palette created on .