Sweet Sunrise Delight カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sweet Sunrise Delight palette

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

Sweet Sunrise Delight カラーパレット (PNG) をダウンロード

Download sweet sunrise delight color palette PNG image (landscape)
Download sweet sunrise delight color palette PNG image (square)

Sweet Sunrise Delight カラーパレット CSS

/* CSS */
.color-1 {
color: #f8e5b4;
}
.color-2 {
color: #f1c84b;
}
.color-3 {
color: #f0a400;
}
.color-4 {
color: #d97c30;
}
.color-5 {
color: #b55d30;
}

/* CSS Variables */
:root {
--color-1: #f8e5b4;
 --color-2: #f1c84b;
 --color-3: #f0a400;
 --color-4: #d97c30;
 --color-5: #b55d30;
 }

Sweet Sunrise Delight の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8e5b4, #f1c84b, #f0a400, #d97c30, #b55d30);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8e5b4, #f1c84b, #f0a400, #d97c30, #b55d30);
}

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

Sweet Sunrise Delight color palette created on .