Sunlit Glow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sunlit Glow palette

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

Sunlit Glow カラー パレット PNG 画像

Download sunlit glow color palette PNG image (landscape)
Download sunlit glow color palette PNG image (square)

Sunlit Glow カラーパレット CSS

/* CSS */
.color-1 {
color: #f6d388;
}
.color-2 {
color: #f1b83b;
}
.color-3 {
color: #d69e3d;
}
.color-4 {
color: #d68a2e;
}
.color-5 {
color: #c6682a;
}

/* CSS Variables */
:root {
--color-1: #f6d388;
 --color-2: #f1b83b;
 --color-3: #d69e3d;
 --color-4: #d68a2e;
 --color-5: #c6682a;
 }

Sunlit Glow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6d388, #f1b83b, #d69e3d, #d68a2e, #c6682a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6d388, #f1b83b, #d69e3d, #d68a2e, #c6682a);
}

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

下にスクロールして3個のサンカラーパレットを探索しましょう

Sunlit Glow color palette created on .