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