how to fill a shape with multiple colors

Question

Hey I recently started using Illustrator so still a newbie. I am trying to add 4 colors within the sunglasses as shown in Img1.

At the moment I have created 4 different sized circles and gave them a stroke of 1 and separate colors. I then created a group of these 4 circles and placed them behind the sunglasses.

What I have not been able to do is get rid of the remaining part of the circles which are not behind the right side of the sunglasses. Hence my requirements are;

1. I only want the part of the colored circles in the right part of the sunglasses as highlighted in Img2.
2. The circular part which is not behind the sunglasses can be hidden or deleted which ever method is easier but also smaller in size.

Img3 and Img4 are for reference.

Answer 1

Use a clipping mask. (rather than pathfinder, as pathfinder is very "destructive"... I used to always use pathfinder for just about everything, but anything I did was permanent, whereas Clipping masks allow me to go back and change things.)

Clone your rainbow (so that you have 2 of them)

Select one star and one rainbow then Right Click → Make Clipping Mask

Then select the other star and other rainbow and do the same thing.

Answer 2

Use a clipping mask, but . . . it would seem you have a compound path, so there are some hoops to jump through first.

1. Copy the object and paste it somewhere else on your artboard

2. Click Object > Compound Path > Release

3. Delete the inside path of the stars.

4. Move the new object over your rainbow (which should be a group).

5. Select both rainbow and new object, and click Object > Clipping Mask > Make

6. Click and drag it to position it over your star-shaped frames.

7. Click Object > Arrange > Send to Back

Answer 3

If all the objects are vector, just select them all, go to pathfinder, click divide, then ungroup the objects, click on the areas you want to delete, and delete them