Night City Small Kitty カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Night City Small Kitty palette

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

Night City Small Kitty カラー パレット PNG 画像

Download night city small kitty color palette PNG image (landscape)
Download night city small kitty color palette PNG image (square)

Night City Small Kitty カラーパレット CSS

/* CSS */
.color-1 {
color: #1a1e3d;
}
.color-2 {
color: #3a405f;
}
.color-3 {
color: #5e6373;
}
.color-4 {
color: #d9c5a0;
}
.color-5 {
color: #ff6e61;
}

/* CSS Variables */
:root {
--color-1: #1a1e3d;
 --color-2: #3a405f;
 --color-3: #5e6373;
 --color-4: #d9c5a0;
 --color-5: #ff6e61;
 }

Night City Small Kitty の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1e3d, #3a405f, #5e6373, #d9c5a0, #ff6e61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1e3d, #3a405f, #5e6373, #d9c5a0, #ff6e61);
}

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

Night City Small Kitty color palette created on .