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 .