XControlFell Sketch Lore カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with XControlFell Sketch Lore palette

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

XControlFell Sketch Lore カラー パレット PNG 画像

Download xcontrolfell sketch lore color palette PNG image (landscape)
Download xcontrolfell sketch lore color palette PNG image (square)

XControlFell Sketch Lore カラーパレット CSS

/* CSS */
.color-1 {
color: #e4b9d0;
}
.color-2 {
color: #b09bcf;
}
.color-3 {
color: #6fa0c8;
}
.color-4 {
color: #3b8ea0;
}
.color-5 {
color: #1f607a;
}

/* CSS Variables */
:root {
--color-1: #e4b9d0;
 --color-2: #b09bcf;
 --color-3: #6fa0c8;
 --color-4: #3b8ea0;
 --color-5: #1f607a;
 }

XControlFell Sketch Lore の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e4b9d0, #b09bcf, #6fa0c8, #3b8ea0, #1f607a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e4b9d0, #b09bcf, #6fa0c8, #3b8ea0, #1f607a);
}

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

XControlFell Sketch Lore color palette created on .