Suncut カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Suncut palette

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

Suncut カラー パレット PNG 画像

Download suncut color palette PNG image (landscape)
Download suncut color palette PNG image (square)

Suncut カラーパレット CSS

/* CSS */
.color-1 {
color: #ffe09e;
}
.color-2 {
color: #ffd199;
}
.color-3 {
color: #ffc294;
}
.color-4 {
color: #ffad8f;
}
.color-5 {
color: #ff9b85;
}

/* CSS Variables */
:root {
--color-1: #ffe09e;
 --color-2: #ffd199;
 --color-3: #ffc294;
 --color-4: #ffad8f;
 --color-5: #ff9b85;
 }

Suncut の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffe09e, #ffd199, #ffc294, #ffad8f, #ff9b85);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffe09e, #ffd199, #ffc294, #ffad8f, #ff9b85);
}

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

Suncut color palette created on .