The Voices Getting Louder カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with The Voices Getting Louder palette

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

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

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

The Voices Getting Louder カラーパレット (PNG) をダウンロード

Download the voices getting louder color palette PNG image (landscape)
Download the voices getting louder color palette PNG image (square)

The Voices Getting Louder カラーパレット CSS

/* CSS */
.color-1 {
color: #001c1f;
}
.color-2 {
color: #003333;
}
.color-3 {
color: #003d57;
}
.color-4 {
color: #b85900;
}
.color-5 {
color: #bd0d00;
}

/* CSS Variables */
:root {
--color-1: #001c1f;
 --color-2: #003333;
 --color-3: #003d57;
 --color-4: #b85900;
 --color-5: #bd0d00;
 }

The Voices Getting Louder の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #001c1f, #003333, #003d57, #b85900, #bd0d00);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #001c1f, #003333, #003d57, #b85900, #bd0d00);
}

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

The Voices Getting Louder color palette created on .