Sonic's DBZ Adventure カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sonic's DBZ Adventure palette

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

Sonic's DBZ Adventure カラー パレット PNG 画像

Download sonic's dbz adventure color palette PNG image (landscape)
Download sonic's dbz adventure color palette PNG image (square)

Sonic's DBZ Adventure カラーパレット CSS

/* CSS */
.color-1 {
color: #1f8fff;
}
.color-2 {
color: #ff6d1f;
}
.color-3 {
color: #ffd900;
}
.color-4 {
color: #ff1492;
}
.color-5 {
color: #8a2ce2;
}

/* CSS Variables */
:root {
--color-1: #1f8fff;
 --color-2: #ff6d1f;
 --color-3: #ffd900;
 --color-4: #ff1492;
 --color-5: #8a2ce2;
 }

Sonic's DBZ Adventure の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f8fff, #ff6d1f, #ffd900, #ff1492, #8a2ce2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f8fff, #ff6d1f, #ffd900, #ff1492, #8a2ce2);
}

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

Sonic's DBZ Adventure color palette created on .