Warm Gold Beach カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Warm Gold Beach palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Warm Gold Beach カラーパレット (PNG) をダウンロード
Warm Gold Beach カラーパレット CSS
/* CSS */
.color-1 {
color: #f2c1a1;
}
.color-2 {
color: #4f4f4f;
}
.color-3 {
color: #f2d150;
}
.color-4 {
color: #f1e0c6;
}
.color-5 {
color: #d2b384;
}
/* CSS Variables */
:root {
--color-1: #f2c1a1;
--color-2: #4f4f4f;
--color-3: #f2d150;
--color-4: #f1e0c6;
--color-5: #d2b384;
}
Warm Gold Beach の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2c1a1, #4f4f4f, #f2d150, #f1e0c6, #d2b384);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2c1a1, #4f4f4f, #f2d150, #f1e0c6, #d2b384);
}
似たようなカラーパレット
Warm Gold Beach color palette created on .