Dean Wiltshire カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dean Wiltshire palette

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

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

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

Dean Wiltshire カラーパレット CSS

/* CSS */
.color-1 {
color: #3a7d8d;
}
.color-2 {
color: #5cb7a7;
}
.color-3 {
color: #75d7c2;
}
.color-4 {
color: #f1e150;
}
.color-5 {
color: #f5a519;
}

/* CSS Variables */
:root {
--color-1: #3a7d8d;
 --color-2: #5cb7a7;
 --color-3: #75d7c2;
 --color-4: #f1e150;
 --color-5: #f5a519;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3a7d8d, #5cb7a7, #75d7c2, #f1e150, #f5a519);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3a7d8d, #5cb7a7, #75d7c2, #f1e150, #f5a519);
}

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

Dean Wiltshire color palette created on .