Cool Ocean and Warm Forest Mix カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Cool Ocean and Warm Forest Mix palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Cool Ocean and Warm Forest Mix カラーパレット (PNG) をダウンロード
Cool Ocean and Warm Forest Mix カラーパレット CSS
/* CSS */
.color-1 {
color: #0078bd;
}
.color-2 {
color: #2ca58d;
}
.color-3 {
color: #3f694e;
}
.color-4 {
color: #e8c545;
}
.color-5 {
color: #d94a4c;
}
/* CSS Variables */
:root {
--color-1: #0078bd;
--color-2: #2ca58d;
--color-3: #3f694e;
--color-4: #e8c545;
--color-5: #d94a4c;
} Cool Ocean and Warm Forest Mix の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #0078bd, #2ca58d, #3f694e, #e8c545, #d94a4c);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #0078bd, #2ca58d, #3f694e, #e8c545, #d94a4c);
} 似たようなカラーパレット
下にスクロールして6個のオーシャンカラーパレットを探索しましょう
Cool Ocean and Warm Forest Mix color palette created on .