Roblox カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Roblox palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Roblox カラーパレット (PNG) をダウンロード

Download roblox color palette PNG image (landscape)
Download roblox color palette PNG image (square)

Roblox カラーパレット CSS

/* CSS */
.color-1 {
color: #ff4d4d;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffde4d;
}
.color-4 {
color: #4dff4d;
}
.color-5 {
color: #4dafff;
}

/* CSS Variables */
:root {
--color-1: #ff4d4d;
 --color-2: #ffb84d;
 --color-3: #ffde4d;
 --color-4: #4dff4d;
 --color-5: #4dafff;
 }

Roblox の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff4d4d, #ffb84d, #ffde4d, #4dff4d, #4dafff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff4d4d, #ffb84d, #ffde4d, #4dff4d, #4dafff);
}

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

Roblox color palette created on .