Cyber Matrix カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cyber Matrix palette

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

Cyber Matrix カラー パレット PNG 画像

Download cyber matrix color palette PNG image (landscape)
Download cyber matrix color palette PNG image (square)

Cyber Matrix カラーパレット CSS

/* CSS */
.color-1 {
color: #2b3d50;
}
.color-2 {
color: #3398db;
}
.color-3 {
color: #1abc9c;
}
.color-4 {
color: #e74d3c;
}
.color-5 {
color: #f39c12;
}

/* CSS Variables */
:root {
--color-1: #2b3d50;
 --color-2: #3398db;
 --color-3: #1abc9c;
 --color-4: #e74d3c;
 --color-5: #f39c12;
 }

Cyber Matrix の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2b3d50, #3398db, #1abc9c, #e74d3c, #f39c12);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2b3d50, #3398db, #1abc9c, #e74d3c, #f39c12);
}

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

Cyber Matrix color palette created on .