Airheads Sour Rainbow Berry カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Airheads Sour Rainbow Berry palette

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

Airheads Sour Rainbow Berry カラー パレット PNG 画像

Download airheads sour rainbow berry color palette PNG image (landscape)
Download airheads sour rainbow berry color palette PNG image (square)

Airheads Sour Rainbow Berry カラーパレット CSS

/* CSS */
.color-1 {
color: #a80081;
}
.color-2 {
color: #d1006c;
}
.color-3 {
color: #ff8000;
}
.color-4 {
color: #ffea00;
}
.color-5 {
color: #00b300;
}

/* CSS Variables */
:root {
--color-1: #a80081;
 --color-2: #d1006c;
 --color-3: #ff8000;
 --color-4: #ffea00;
 --color-5: #00b300;
 }

Airheads Sour Rainbow Berry の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a80081, #d1006c, #ff8000, #ffea00, #00b300);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a80081, #d1006c, #ff8000, #ffea00, #00b300);
}

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

Airheads Sour Rainbow Berry color palette created on .