Crosshair Generator
Build a crosshair with a live preview, tune every line and dot to your taste, then copy the values into your game or export a transparent PNG.
- Live canvas preview
- Free · No sign-up
- PNG export
Crosshair generator tool
Preview runs fully in your browser. Nothing you design is uploaded.
How crosshair design maps to game settings
Nearly every modern shooter exposes the same crosshair grammar, just with different names. Here is how this generator's controls translate:
| Generator control | Valorant | CS2 | Apex / others |
|---|---|---|---|
| Line gap | Inner Lines → Offset | Gap (cl_crosshairgap) | Gap / Offset |
| Thickness | Inner Lines → Thickness | Thickness (cl_crosshairthickness) | Thickness |
| Length | Inner Lines → Length | Size (cl_crosshairsize) | Length |
| Center dot | Center Dot | cl_crosshairdot | Dot settings |
| Outline | Outlines | cl_crosshair_outlinethickness | Outline |
Names are representative; check your current patch's settings screen. Values do not map 1:1 numerically, match visually with the preview next to the settings menu.
Frequently asked questions
How do I use this crosshair generator?
Adjust dot, line gap, thickness, length and color on the left and watch the live preview. When you are happy, copy the style values out, or download a transparent PNG you can use as a desktop overlay.
Will these settings transfer to my game?
The values map to the common crosshair settings most shooters expose (center dot, inner lines gap/thickness/length, outline). Field names differ per game (Valorant: "Inner Lines / Outer Lines"; CS2: "cl_crosshairsize" etc.), but the visual grammar is the same, use the copy button and match the numbers in your game settings.
What is the best crosshair color?
The one with the most contrast against your maps. Competitive players most often pick green or cyan because those hues appear least in natural map palettes; outlines (black) are the standard fix for bright scenes.
Dot vs cross: which is better?
Dots give an exact aim reference for precision weapons; lines give more peripheral guidance and are the default for spray-heavy games. Many pros use a cross with a subtle dot or a small cross with a gap.
Can I download my crosshair as a picture?
Yes, the Download PNG button renders your crosshair at 512×512 with a transparent background, ready for use as a custom overlay or a thumbnail.