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