Skip to content
Kordu Tools
Gaming Runs in browser Updated 30 Mar 2026

Crosshair Generator

Design custom crosshairs for CS2, Valorant, and FPS games. Adjust style, size, color, gap, and outline with live preview. Export as PNG or copy CS2 console commands.

Zoom
Background
Presets
Style
Color
5
2
2
1.0
1
Outline Color
Loading rating…

How to use Crosshair Generator

  1. Choose a crosshair style

    Select Classic Cross, T-Style, Circle, or Dot as your base shape. Each fundamentally changes the crosshair's visual footprint and how it sits on targets.

  2. Adjust size, thickness, and gap

    Use sliders to set line length, stroke thickness, and the centre gap. The canvas preview updates instantly with every change so you can dial in the exact feel.

  3. Pick a color and add an outline

    Enter a hex code or click a preset color swatch (green, cyan, white, yellow). Enable the outline toggle and adjust outline thickness for visibility on bright backgrounds.

  4. Fine-tune with advanced options

    Toggle T-style to remove the top arm for a cleaner headshot reference. Add a centre dot, adjust opacity, then test on white, grey, black, and green backgrounds.

  5. Export your crosshair

    Click Download PNG to save a transparent crosshair overlay for OBS or HudSight, or click Copy CS2 Code to get console commands ready to paste into Counter-Strike 2.

Crosshair Generator FAQ

What games can I use these crosshairs in?
The transparent PNG export works as an overlay in any game using software like OBS or HudSight. The CS2 console commands work natively in Counter-Strike 2. You can also reference your settings when configuring crosshairs in Valorant, Overwatch 2, or any FPS with a built-in crosshair editor.

How do I use the CS2 crosshair console commands?
Open the CS2 developer console (press the tilde ~ key), paste the copied commands, and press Enter. Changes apply immediately. Add the commands to your autoexec.cfg file for them to persist across game restarts automatically.

What does T-style mean for a crosshair?
T-style removes the top vertical arm of a cross crosshair, leaving only the bottom, left, and right lines. Many professional CS2 players prefer it because the missing top arm gives a clearer sightline at headshot level and reduces visual clutter above targets.

Is the exported PNG transparent?
Yes. The download saves with a transparent background so only the crosshair lines and dot are visible. It works directly with OBS crosshair overlay plugins, HudSight, and any software that supports transparent image overlays.

What is the best crosshair size for competitive FPS?
Most pro CS2 players use small crosshairs with a 1–2 px thickness, 2–4 px gap, and no dot. Valorant pros often prefer small static crosshairs with a dot. Larger crosshairs help beginners with target tracking but can obscure precise aim at long range.

Can I import a Valorant crosshair code?
The generator currently exports CS2 console commands and PNG. Valorant crosshair code import and export is a planned feature. In the meantime, use the sliders to manually replicate Valorant crosshair settings by matching size, inner lines, and color.

Does this tool store my crosshair settings?
The current version does not save presets to your browser. Screenshot your settings or keep the CS2 code handy. Saving named presets is a planned future feature.

What crosshair do pro CS2 players use?
Most CS2 pros use a small T-style or cross crosshair — typically 1–2 px stroke, 2–4 px gap, no dot, and a solid green or cyan color. s1mple used a small classic cross; NiKo prefers a small T-style. Use the pro presets in the generator to start from these configurations.

Background

Build the perfect crosshair for CS2, Valorant, Overwatch 2, or any FPS game with this free browser-based crosshair generator. Choose a style — classic cross, T-style, circle, or dot — then fine-tune size, thickness, gap, color, outline, and opacity with a real-time canvas preview that updates on every slider change.

Start from built-in presets modelled on popular pro crosshair styles (minimal dot, compact cross, pro T-style) and customise from there. Toggle T-style to remove the top line for a cleaner headshot reference, add a centre dot, or thicken the outline for visibility on bright maps. Test on multiple background colors — white, grey, black, green — to verify visibility across different game surfaces and map themes.

Export your crosshair as a transparent PNG overlay for use with OBS, HudSight, or any overlay software, or copy ready-to-paste CS2 console commands. Everything runs locally in your browser — no sign-up, no watermark, and no data ever leaves your device.

Related tools

Mouse Sensitivity Converter

Convert mouse sensitivity between CS2, Valorant, Apex, Overwatch 2, and 20+ games with accurate cm/360 and eDPI calculations. Instant results, no sign-up.

FOV Calculator

Convert field of view between horizontal, vertical, and diagonal for any aspect ratio. Game presets for CS2, Valorant, Apex, Overwatch 2, and more with a live FOV diagram.

Aim Trainer

Free browser-based 2D aim trainer with flick, precision, and speed modes. No download or account needed — practice mouse aim and track accuracy, reaction time, and scores.

Stretched Resolution Calculator

Calculate stretched resolution for any monitor. Find the perfect 4:3 or 5:4 stretched res dimensions for CS2 and competitive FPS, with a live viewport comparison.

Reaction Time Test

Measure your visual reaction time in milliseconds. Click when the screen turns green across 5 attempts and see your average, rank, and percentile vs the human average of 250ms.

Learn more

gaming

Best Crosshair Settings for Competitive FPS Games

Best crosshair settings for CS2, Valorant, and Apex Legends. Covers style, size, color, and pro settings. 73% of top CS2 pros use a static small cross or dot.