Hypersexual Stoner カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hypersexual Stoner palette

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

Hypersexual Stoner カラー パレット PNG 画像

Download hypersexual stoner color palette PNG image (landscape)
Download hypersexual stoner color palette PNG image (square)

Hypersexual Stoner カラーパレット CSS

/* CSS */
.color-1 {
color: #ff4d4d;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffea00;
}
.color-4 {
color: #6bff6b;
}
.color-5 {
color: #4d4dff;
}

/* CSS Variables */
:root {
--color-1: #ff4d4d;
 --color-2: #ffb84d;
 --color-3: #ffea00;
 --color-4: #6bff6b;
 --color-5: #4d4dff;
 }

Hypersexual Stoner の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff4d4d, #ffb84d, #ffea00, #6bff6b, #4d4dff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff4d4d, #ffb84d, #ffea00, #6bff6b, #4d4dff);
}

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

Hypersexual Stoner color palette created on .