Digital Destruction カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Digital Destruction palette

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

Digital Destruction カラーパレット (PNG) をダウンロード

Download digital destruction color palette PNG image (landscape)
Download digital destruction color palette PNG image (square)

Digital Destruction カラーパレット CSS

/* CSS */
.color-1 {
color: #a3c3e0;
}
.color-2 {
color: #69b1d8;
}
.color-3 {
color: #41a3d8;
}
.color-4 {
color: #0b8eda;
}
.color-5 {
color: #007ab8;
}

/* CSS Variables */
:root {
--color-1: #a3c3e0;
 --color-2: #69b1d8;
 --color-3: #41a3d8;
 --color-4: #0b8eda;
 --color-5: #007ab8;
 }

Digital Destruction の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3c3e0, #69b1d8, #41a3d8, #0b8eda, #007ab8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3c3e0, #69b1d8, #41a3d8, #0b8eda, #007ab8);
}

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

Digital Destruction color palette created on .