Cyber Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cyber Sunset palette

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

Cyber Sunset カラー パレット PNG 画像

Download cyber sunset color palette PNG image (landscape)
Download cyber sunset color palette PNG image (square)

Cyber Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #ff3c00;
}
.color-2 {
color: #ff6e00;
}
.color-3 {
color: #ffd500;
}
.color-4 {
color: #00bdad;
}
.color-5 {
color: #3e5bfe;
}

/* CSS Variables */
:root {
--color-1: #ff3c00;
 --color-2: #ff6e00;
 --color-3: #ffd500;
 --color-4: #00bdad;
 --color-5: #3e5bfe;
 }

Cyber Sunset の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff3c00, #ff6e00, #ffd500, #00bdad, #3e5bfe);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff3c00, #ff6e00, #ffd500, #00bdad, #3e5bfe);
}

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

下にスクロールして8個のサイケデリックカラーパレットを探索しましょう

Cyber Sunset color palette created on .