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 .