Del Sol Glam カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Del Sol Glam palette

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

Del Sol Glam カラー パレット PNG 画像

Download del sol glam color palette PNG image (landscape)
Download del sol glam color palette PNG image (square)

Del Sol Glam カラーパレット CSS

/* CSS */
.color-1 {
color: #ffd900;
}
.color-2 {
color: #ff6e61;
}
.color-3 {
color: #ffad42;
}
.color-4 {
color: #ffcc00;
}
.color-5 {
color: #ffc2cc;
}

/* CSS Variables */
:root {
--color-1: #ffd900;
 --color-2: #ff6e61;
 --color-3: #ffad42;
 --color-4: #ffcc00;
 --color-5: #ffc2cc;
 }

Del Sol Glam の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffd900, #ff6e61, #ffad42, #ffcc00, #ffc2cc);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffd900, #ff6e61, #ffad42, #ffcc00, #ffc2cc);
}

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

Del Sol Glam color palette created on .