why do pattern swatch color change when i transfer the file to GIF? any solution plz?

GIF is for the web. Work strictly in sRGB. Expect that the receivers of your images are using equipment and settings

near to sRGB. Color management is in this case almost meaningless - GIF cannot embed color profiles.

Edit your images consequently in sRGB until the appearance is satisfying.

Try to understand the GIF color reduction modes (Adobe Help):

  Color Reduction Method and Colors Specifies a method for generating the color lookup table and the number

  of colors you want in the color lookup table. You can select one of the following color reduction methods:

  Perceptual Creates a custom color table by giving priority to colors for which the human eye has greater sensitivity.

  Selective Creates a color table similar to the Perceptual color table, but favoring broad areas of color and the

  preservation of web colors. This color table usually produces images with the greatest color integrity. Selective

  is the default option.

  Adaptive Creates a custom color table by sampling colors from the predominant spectrum in the image. For example,

  an image with only the colors green and blue produces a color table made primarily of greens and blues. Most images

  concentrate colors in   particular areas of the spectrum.

  (Restrictive) Web Uses the standard 216‑color color table common to the Windows and Mac OS 8‑bit (256‑color)

  palettes.   This option ensures that no browser dither is applied to colors when the image is displayed using 8‑bit color.

  (This palette is also called the web-safe palette.) Using the web palette can create larger files, and is recommended

   only when avoiding browser dither is a high priority.

   Custom Uses a color palette that is created or modified by the user. If you open an existing GIF or PNG‑8 file, it will

   have a custom color palette.

Set total number of colors to 256. By fewer colors the file size is smaller which is nowadays mostly useless.

My recommendation: Adaptive.

For average images Perceptual, Selective and Adaptive lead to similar appearances. This can be tested in advance

to the final conversion.

Dither for better quality. Don't dither for smaller file size.

The screenshot in #3 isn't understandable. The palette colors have very little relation to the image colors.

Is the shown image just a small part of the whole image?

Best regards --Gernot Hoffmann