Kira Cyberpunk カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kira Cyberpunk palette

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

Kira Cyberpunk カラー パレット PNG 画像

Download kira cyberpunk color palette PNG image (landscape)
Download kira cyberpunk color palette PNG image (square)

Kira Cyberpunk カラーパレット CSS

/* CSS */
.color-1 {
color: #ff3c00;
}
.color-2 {
color: #ff6e00;
}
.color-3 {
color: #ffb300;
}
.color-4 {
color: #ffd500;
}
.color-5 {
color: #00e677;
}

/* CSS Variables */
:root {
--color-1: #ff3c00;
 --color-2: #ff6e00;
 --color-3: #ffb300;
 --color-4: #ffd500;
 --color-5: #00e677;
 }

Kira Cyberpunk の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff3c00, #ff6e00, #ffb300, #ffd500, #00e677);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff3c00, #ff6e00, #ffb300, #ffd500, #00e677);
}

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

下にスクロールして7個のサイバーパンクカラーパレットを探索しましょう

Kira Cyberpunk color palette created on .