Halloween Kitty カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Halloween Kitty palette

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

Halloween Kitty カラー パレット PNG 画像

Download halloween kitty color palette PNG image (landscape)
Download halloween kitty color palette PNG image (square)

Halloween Kitty カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f1f;
}
.color-2 {
color: #ff8c00;
}
.color-3 {
color: #ffcc00;
}
.color-4 {
color: #a83e00;
}
.color-5 {
color: #7e3e3e;
}

/* CSS Variables */
:root {
--color-1: #1f1f1f;
 --color-2: #ff8c00;
 --color-3: #ffcc00;
 --color-4: #a83e00;
 --color-5: #7e3e3e;
 }

Halloween Kitty の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f1f, #ff8c00, #ffcc00, #a83e00, #7e3e3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f1f, #ff8c00, #ffcc00, #a83e00, #7e3e3e);
}

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

Halloween Kitty color palette created on .