Red and Gold カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Red and Gold palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Red and Gold カラーパレット (PNG) をダウンロード

Download red and gold color palette PNG image (landscape)
Download red and gold color palette PNG image (square)

Red and Gold カラーパレット CSS

/* CSS */
.color-1 {
color: #e74d3c;
}
.color-2 {
color: #f39c12;
}
.color-3 {
color: #f1c40e;
}
.color-4 {
color: #2ecc70;
}
.color-5 {
color: #3398db;
}

/* CSS Variables */
:root {
--color-1: #e74d3c;
 --color-2: #f39c12;
 --color-3: #f1c40e;
 --color-4: #2ecc70;
 --color-5: #3398db;
 }

Red and Gold の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e74d3c, #f39c12, #f1c40e, #2ecc70, #3398db);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e74d3c, #f39c12, #f1c40e, #2ecc70, #3398db);
}

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

Red and Gold color palette created on .