Fatima Sylla カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fatima Sylla palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Fatima Sylla カラーパレット (PNG) をダウンロード

Download fatima sylla color palette PNG image (landscape)
Download fatima sylla color palette PNG image (square)

Fatima Sylla カラーパレット CSS

/* CSS */
.color-1 {
color: #f9aeae;
}
.color-2 {
color: #f9d29f;
}
.color-3 {
color: #f3eba0;
}
.color-4 {
color: #a1da8b;
}
.color-5 {
color: #6cb8e4;
}

/* CSS Variables */
:root {
--color-1: #f9aeae;
 --color-2: #f9d29f;
 --color-3: #f3eba0;
 --color-4: #a1da8b;
 --color-5: #6cb8e4;
 }

Fatima Sylla の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9aeae, #f9d29f, #f3eba0, #a1da8b, #6cb8e4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9aeae, #f9d29f, #f3eba0, #a1da8b, #6cb8e4);
}

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

Fatima Sylla color palette created on .