Dean Winchester カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dean Winchester palette

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

Dean Winchester カラー パレット PNG 画像

Download dean winchester color palette PNG image (landscape)
Download dean winchester color palette PNG image (square)

Dean Winchester カラーパレット CSS

/* CSS */
.color-1 {
color: #4b3d4d;
}
.color-2 {
color: #907f81;
}
.color-3 {
color: #b6a6a0;
}
.color-4 {
color: #d9c9c4;
}
.color-5 {
color: #f4e6e6;
}

/* CSS Variables */
:root {
--color-1: #4b3d4d;
 --color-2: #907f81;
 --color-3: #b6a6a0;
 --color-4: #d9c9c4;
 --color-5: #f4e6e6;
 }

Dean Winchester の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b3d4d, #907f81, #b6a6a0, #d9c9c4, #f4e6e6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b3d4d, #907f81, #b6a6a0, #d9c9c4, #f4e6e6);
}

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

Dean Winchester color palette created on .