Ranger's Bounty カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ranger's Bounty palette

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

Ranger's Bounty カラー パレット PNG 画像

Download ranger's bounty color palette PNG image (landscape)
Download ranger's bounty color palette PNG image (square)

Ranger's Bounty カラーパレット CSS

/* CSS */
.color-1 {
color: #b2c44a;
}
.color-2 {
color: #a47a2d;
}
.color-3 {
color: #e2c378;
}
.color-4 {
color: #5a8c4a;
}
.color-5 {
color: #c5a167;
}

/* CSS Variables */
:root {
--color-1: #b2c44a;
 --color-2: #a47a2d;
 --color-3: #e2c378;
 --color-4: #5a8c4a;
 --color-5: #c5a167;
 }

Ranger's Bounty の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b2c44a, #a47a2d, #e2c378, #5a8c4a, #c5a167);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b2c44a, #a47a2d, #e2c378, #5a8c4a, #c5a167);
}

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

Ranger's Bounty color palette created on .