How can I separate product colors into individual products on Shopify?

[JoniBrother17]

Hello everybody,
I'm a beginner developer at Shopify and I already know how to do a lot of things with a theme, but I still have a weak point which is creating scripts. What I wanted to have is a product that has its own colors, but I want to separate them to the point where each color becomes a different product. And I want the colors to continue appearing for everyone, to serve as a shortcut for each one
Example
the product looks like this

but I want it to look like this:

that colors are kept as a shortcut for each product

I know there are apps that do this, but I can't afford any of them