Terminator カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Terminator palette

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

Terminator カラー パレット PNG 画像

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

Terminator カラーパレット CSS

/* CSS */
.color-1 {
color: #bfbfbf;
}
.color-2 {
color: #a1a1a1;
}
.color-3 {
color: #808080;
}
.color-4 {
color: #404040;
}
.color-5 {
color: #000000;
}

/* CSS Variables */
:root {
--color-1: #bfbfbf;
 --color-2: #a1a1a1;
 --color-3: #808080;
 --color-4: #404040;
 --color-5: #000000;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #bfbfbf, #a1a1a1, #808080, #404040, #000000);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #bfbfbf, #a1a1a1, #808080, #404040, #000000);
}

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

Terminator color palette created on .