Fyca (Fishing Cat) カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Fyca (Fishing Cat) palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Fyca (Fishing Cat) カラーパレット (PNG) をダウンロード
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 .