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