Jane Crocker カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Jane Crocker palette

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

Jane Crocker カラー パレット PNG 画像

Download jane crocker color palette PNG image (landscape)
Download jane crocker color palette PNG image (square)

Jane Crocker カラーパレット CSS

/* CSS */
.color-1 {
color: #f7c6a1;
}
.color-2 {
color: #f8b5a0;
}
.color-3 {
color: #f4a499;
}
.color-4 {
color: #f49c8a;
}
.color-5 {
color: #f3998c;
}

/* CSS Variables */
:root {
--color-1: #f7c6a1;
 --color-2: #f8b5a0;
 --color-3: #f4a499;
 --color-4: #f49c8a;
 --color-5: #f3998c;
 }

Jane Crocker の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c6a1, #f8b5a0, #f4a499, #f49c8a, #f3998c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c6a1, #f8b5a0, #f4a499, #f49c8a, #f3998c);
}

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

Jane Crocker color palette created on .