Dj Robot カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dj Robot palette

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

Dj Robot カラー パレット PNG 画像

Download dj robot color palette PNG image (landscape)
Download dj robot color palette PNG image (square)

Dj Robot カラーパレット CSS

/* CSS */
.color-1 {
color: #1e1e3e;
}
.color-2 {
color: #3e3e79;
}
.color-3 {
color: #7a7ab3;
}
.color-4 {
color: #b3b3e6;
}
.color-5 {
color: #f5f5ff;
}

/* CSS Variables */
:root {
--color-1: #1e1e3e;
 --color-2: #3e3e79;
 --color-3: #7a7ab3;
 --color-4: #b3b3e6;
 --color-5: #f5f5ff;
 }

Dj Robot の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1e3e, #3e3e79, #7a7ab3, #b3b3e6, #f5f5ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1e3e, #3e3e79, #7a7ab3, #b3b3e6, #f5f5ff);
}

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

Dj Robot color palette created on .