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 .