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