This project is a simple overlay for VALORANT and it was made using the Overwolf API. The app allows you to take a screenshot of the current screen, you can then select a pixel and copy the colour data from that pixel in a hex code format. This data can then be pasted straight into the VALORANT crosshair editor, to set the colour of your crosshair to the colour that you picked.
This project uses base typescript for the main chunk of the project, as working with the Overwolf API is problematic with frameworks. I also use webpack to automate building the project, and tailwindcss for inline css.
This image shows the screenshot window.
This is the screenshot window, it allows you to pick a pixel from the image that you can see in the screenshot. It also has the option to adjust the vibrancy (RGB Multiplier), of the saved colour. There is a colour history carousel for selecting previous colours as well.
This image shows the crosshair colour being changed to purple. [#a57ccb]
This image shows the crosshair colour being changed to green. [#1cc2a9]
Then when you have selected the pixel from the image, you will have a hex code saved to your clipboard which you can then paste into the VALORANT crosshair editor, which supports the option to use a custom colour so that your crosshair matches the selected pixel.