We Depend On You カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with We Depend On You palette

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

We Depend On You カラーパレット (PNG) をダウンロード

Download we depend on you color palette PNG image (landscape)
Download we depend on you color palette PNG image (square)

We Depend On You カラーパレット CSS

/* CSS */
.color-1 {
color: #3d8cd1;
}
.color-2 {
color: #5abf8b;
}
.color-3 {
color: #f5c400;
}
.color-4 {
color: #f78d1d;
}
.color-5 {
color: #d34d3c;
}

/* CSS Variables */
:root {
--color-1: #3d8cd1;
 --color-2: #5abf8b;
 --color-3: #f5c400;
 --color-4: #f78d1d;
 --color-5: #d34d3c;
 }

We Depend On You の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3d8cd1, #5abf8b, #f5c400, #f78d1d, #d34d3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3d8cd1, #5abf8b, #f5c400, #f78d1d, #d34d3c);
}

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

We Depend On You color palette created on .