Robot Virch カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Robot Virch palette

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

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

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

Robot Virch カラーパレット CSS

/* CSS */
.color-1 {
color: #1a1e3d;
}
.color-2 {
color: #3c405d;
}
.color-3 {
color: #5b609f;
}
.color-4 {
color: #8a8edb;
}
.color-5 {
color: #f4a462;
}

/* CSS Variables */
:root {
--color-1: #1a1e3d;
 --color-2: #3c405d;
 --color-3: #5b609f;
 --color-4: #8a8edb;
 --color-5: #f4a462;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1e3d, #3c405d, #5b609f, #8a8edb, #f4a462);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1e3d, #3c405d, #5b609f, #8a8edb, #f4a462);
}

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

Robot Virch color palette created on .