回遊式庭園 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with 回遊式庭園 palette

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

回遊式庭園 カラー パレット PNG 画像

Download 回遊式庭園 color palette PNG image (landscape)
Download 回遊式庭園 color palette PNG image (square)

回遊式庭園 カラーパレット CSS

/* CSS */
.color-1 {
color: #a1c9b0;
}
.color-2 {
color: #4f7a92;
}
.color-3 {
color: #2e5c7f;
}
.color-4 {
color: #334f70;
}
.color-5 {
color: #1a3a56;
}

/* CSS Variables */
:root {
--color-1: #a1c9b0;
 --color-2: #4f7a92;
 --color-3: #2e5c7f;
 --color-4: #334f70;
 --color-5: #1a3a56;
 }

回遊式庭園 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a1c9b0, #4f7a92, #2e5c7f, #334f70, #1a3a56);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a1c9b0, #4f7a92, #2e5c7f, #334f70, #1a3a56);
}

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

下にスクロールして2個のガーデンカラーパレットを探索しましょう

回遊式庭園 color palette created on .