Almost every gaming device is equipped with RGB lighting. Logitech's G-Gaming brand is no different. Last year, the company redesigned its Logitech Control Center (LCC) app, which allows you to fully control all gaming equipment. The app got a new name: Logitech G Hub.
If you love RGB lighting, you can control the LED technology called Logitech LightSync in your periphery. This guide also describes how to apply color presets that will not distract you, how to create your own lighting configurations, and how to sync all peripherals to the same lighting scheme. If you're not a fan of RGB lighting, I'll tell you how to turn it off.
What you need
- A LightSync-compatible Logitech peripheral (keyboard, mouse, headset, mouse pad, etc.).
- The Logitech G Hub app (required for LightSync control, hardware updates, and management
- Be patient
The very first step in controlling your LightSync lighting is to download the Logitech G Hub for Mac or Windows PCs. The G Hub is the official hardware management application of Logitech for peripherals. I recommend keeping G Hub on your Windows taskbar or macOS dock for faster access.
Once you've installed the G Hub, you'll come across a few prompts related to change logs or a guided tour. You can skip these if you want to get straight to the customization process.
Logitech's G peripherals – the G stands for "gaming" – vary in terms of the variety of effects and details. In general, they are in that order (most to few options): keyboards, mice, speakers, headsets, and genre-specific controllers (wheels, joysticks, etc.). For demonstration purposes, I'll test some LightSync effects with a Logitech G513 keyboard that has one RGB lighting per button and can display a variety of colors and effects.
Change Your Light Presets
- Using the LightSync-compatible Logitech keyboard, select your keyboard from the main screen of the app, and make sure you select the LightSync tab
- On this tab, you can turn off the backlight completely, use freestyle mode to paint over certain buttons or areas with the mouse pointer, or select animations for some fascinating (if distracting) light. To control the keyboard brightness of the G513, you must use the physical Fn + F7 keys to toggle between off and four different brightness settings.
- In the Presets Effects drop-down menu, you can select one of the listed effects to see what they are doing. I would suggest that you play around with the presets to find out which ones you like the most (and which may cause headaches).
- If you want to synchronize your lighting preset with your other Logitech G devices, simply select the "Synchronize Lighting Options" button below the image of your peripheral device.
Create Your Own Lighting Preset
Experiment with it to create your own LightSync effects. The following instructions describe some of the basic G-Hub freestyle controls that give you a better idea of what they do and how you can use them to create custom effects.
- On the LightSync tab, select Freestyle. In the sidebar, you'll find options that let you use the "paint brush" to paint over certain keys digitally, "quick color" options that automatically use the WASD keys, the number pad row, the function key row, the modifier keys, and the arrow keys be highlighted. You can also select and save various effects by clicking and using the Effect drop-down menu.
- If you want an animated LightSync effect, navigate to the Animations tab and click on it. Here's a drop-down list of effects that contains several preset effects. Some examples are: "Contrastic" for alternating colors between zones; "Verticool", which mixes warm and cold colors vertically; and "Ocean Wave", with blue and brown / white buttons to initiate the tide on a sandy beach.
- You can also control the cycle process by clicking the Cycle drop-down menu and choosing Reverse Cycle, Cycle, Bounce, or Random. A speed slider is just below the keyboard The app lets you control the speed of the specified effect in milliseconds.
There is a lot of creative freedom here, even if it seems daunting at first glance. Play around with the options so you can easily create your own effects later.
Create Your Own Lightweight Presets
- With the G513 keyboard, I'll show you how I created my own simple effect highlighting some of the keys I use in the game. Suppose we do not want to start with an animated keyboard effect. Click on "Freestyle" instead of "Animations" to get a static effect.
- Next, use Color Picker to select a color from the Color Picker. You can also enter your own HTML hex color code. In this example, I have selected a dark blue. Then I click on the "Fill Group" button so I can pick a group of buttons instead of "painting" them manually. In this case, I have selected the "WASD" keys, which are normally reserved for movement of characters. You can try to do the same or select your own color and group of buttons.
- The changes should be displayed in real time. You do not need to save your preset. As long as you select an effect from the Effect drop-down list and leave the LightSync tab set to FreeStyle, the effect will be preserved.
- What if you wanted to create an animated LightSync effect instead? Just select the "Animations" tab to get started. Select one of the preset effects from the Effect drop-down list. For this how-to, I choose "Contrastic" because it slowly and satisfactorily mounts side by side colors and preset frames that cover most of the G513's keys.
- This next part is a bit tricky because the button is easily overlooked. Move the cursor to the right of the effect's name instead of the Contrastic effect. Now click on the small window icon to display a pop-up window in which you can control the animated effect.
- For my version of "Contrastic" I select the first image from the slider that can be seen under the live visual representation of the G513 keyboard. Frames in the Contrastic effect include different color groups that appear when the animation is looped. For this demonstration I edit only the first frames. That's why I've selected the first frame to appear in the slider.
- If I look at the left sidebar, I will select 85 of the G513 buttons and automatically color in pink. Then I choose a sky blue for 47 keys, followed by a deep purple for the rest.
- I also want to adjust the animation speed, so I shift the default speed slider to the left, so it only takes 480 milliseconds. I also want to keep the "Cycle" method, so I left it in the drop-down menu at the default setting.
- After I finished painting the buttons, I click on the blue Save button. As long as the Animations and Contrastic options are selected, my G513 keyboard will continue to display my custom effect.
Sharing Custom LightSync Profiles for the G-Hub Community
If you prefer, you can also authorize your custom LightSync profiles using the Logitech G-Profile. Share Hub Community Email. To get started, on the Animations tab, select the small share button next to the name of the effect.
When the sharing pop-up appears, you can set a custom name for your effect, add tags, and add a description. Next, click on the blue Publish button at the bottom of the window. (Be sure to log in to your Logitech account as you'll need to submit the effect for review before it's approved.) You'll be notified by a pop-up that Logitech will be notified by e-mail if your effect on the Presentation in G Hub was approved community.
While you are waiting to review your submission, you can review other users' G Hub profiles. To do this, start from the main screen of the G Hub (you can get there by clicking on the white "G" logo in the upper left corner). Then click on the "Game Profiles" box at the bottom of the window. From here you can search, browse and download effects for different Logitech G peripherals.
Congratulations! Now you should be able to control your LightSync lighting for all Logitech G peripherals, create custom effects, send them for review, and download the profiles of other users uploaded to the G Hub community.
Vox Media is a partner company. These do not affect the editorial content, although Vox Media may receive commissions on products purchased through affiliate links. For more information, see our Ethics Policy .