Dangerous Rock Night カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Dangerous Rock Night palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Dangerous Rock Night カラーパレット (PNG) をダウンロード
Dangerous Rock Night カラーパレット CSS
/* CSS */
.color-1 {
color: #1a1a1a;
}
.color-2 {
color: #242424;
}
.color-3 {
color: #303030;
}
.color-4 {
color: #333333;
}
.color-5 {
color: #3b3b3b;
}
/* CSS Variables */
:root {
--color-1: #1a1a1a;
--color-2: #242424;
--color-3: #303030;
--color-4: #333333;
--color-5: #3b3b3b;
}
Dangerous Rock Night の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1a1a, #242424, #303030, #333333, #3b3b3b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1a1a, #242424, #303030, #333333, #3b3b3b);
}
似たようなカラーパレット
Dangerous Rock Night color palette created on .