Desaturated Blue with Warm Contrast カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Desaturated Blue with Warm Contrast palette
Desaturated Blue with Warm Contrast カラーパレット (PNG) をダウンロード
Desaturated Blue with Warm Contrast カラーパレット CSS
/* CSS */
.color-1 {
color: #a8b3c2;
}
.color-2 {
color: #bac7d8;
}
.color-3 {
color: #d4e5e8;
}
.color-4 {
color: #e7d4c5;
}
.color-5 {
color: #c8583c;
}
/* CSS Variables */
:root {
--color-1: #a8b3c2;
--color-2: #bac7d8;
--color-3: #d4e5e8;
--color-4: #e7d4c5;
--color-5: #c8583c;
} Desaturated Blue with Warm Contrast の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a8b3c2, #bac7d8, #d4e5e8, #e7d4c5, #c8583c);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a8b3c2, #bac7d8, #d4e5e8, #e7d4c5, #c8583c);
} 似たようなカラーパレット
下にスクロールして2個のクールウィンターカラーパレットを探索しましょう
Desaturated Blue with Warm Contrast color palette created on .