America カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with America palette

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

America カラー パレット PNG 画像

Download america color palette PNG image (landscape)
Download america color palette PNG image (square)

America カラーパレット CSS

/* CSS */
.color-1 {
color: #ff3c00;
}
.color-2 {
color: #3e5bfe;
}
.color-3 {
color: #00c753;
}
.color-4 {
color: #ffea00;
}
.color-5 {
color: #d60000;
}

/* CSS Variables */
:root {
--color-1: #ff3c00;
 --color-2: #3e5bfe;
 --color-3: #00c753;
 --color-4: #ffea00;
 --color-5: #d60000;
 }

America の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff3c00, #3e5bfe, #00c753, #ffea00, #d60000);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff3c00, #3e5bfe, #00c753, #ffea00, #d60000);
}

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

America color palette created on .