Dave Strider カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dave Strider palette

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

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

Download dave strider color palette PNG image (landscape)
Download dave strider color palette PNG image (square)

Dave Strider カラーパレット CSS

/* CSS */
.color-1 {
color: #f07c00;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffcc80;
}
.color-4 {
color: #f8b9ce;
}
.color-5 {
color: #da1b61;
}

/* CSS Variables */
:root {
--color-1: #f07c00;
 --color-2: #ffb84d;
 --color-3: #ffcc80;
 --color-4: #f8b9ce;
 --color-5: #da1b61;
 }

Dave Strider の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f07c00, #ffb84d, #ffcc80, #f8b9ce, #da1b61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f07c00, #ffb84d, #ffcc80, #f8b9ce, #da1b61);
}

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

Dave Strider color palette created on .