Fyca (Fishing Cat) カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fyca (Fishing Cat) palette

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

Fyca (Fishing Cat) カラー パレット PNG 画像

Download fyca (fishing cat) color palette PNG image (landscape)
Download fyca (fishing cat) color palette PNG image (square)

Fyca (Fishing Cat) カラーパレット CSS

/* CSS */
.color-1 {
color: #2d3d4e;
}
.color-2 {
color: #4a6e8c;
}
.color-3 {
color: #a1c1d4;
}
.color-4 {
color: #f9e3ae;
}
.color-5 {
color: #f7c1a1;
}

/* CSS Variables */
:root {
--color-1: #2d3d4e;
 --color-2: #4a6e8c;
 --color-3: #a1c1d4;
 --color-4: #f9e3ae;
 --color-5: #f7c1a1;
 }

Fyca (Fishing Cat) の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2d3d4e, #4a6e8c, #a1c1d4, #f9e3ae, #f7c1a1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2d3d4e, #4a6e8c, #a1c1d4, #f9e3ae, #f7c1a1);
}

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

Fyca (Fishing Cat) color palette created on .