新進気鋭 カラーパレット

明るさ

彩度

暖かさ

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: #f5a524;
}
.color-2 {
color: #f8e61b;
}
.color-3 {
color: #7dd421;
}
.color-4 {
color: #50e2c3;
}
.color-5 {
color: #4b91e2;
}

/* CSS Variables */
:root {
--color-1: #f5a524;
 --color-2: #f8e61b;
 --color-3: #7dd421;
 --color-4: #50e2c3;
 --color-5: #4b91e2;
 }

新進気鋭 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5a524, #f8e61b, #7dd421, #50e2c3, #4b91e2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5a524, #f8e61b, #7dd421, #50e2c3, #4b91e2);
}

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

新進気鋭 color palette created on .