Airheads Sour Rainbow Berry カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Airheads Sour Rainbow Berry palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Airheads Sour Rainbow Berry カラーパレット (PNG) をダウンロード
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 .