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