Total Launcher Color Picker Guide: HSV & Hex Customization

Interface Elements

• Mode Selection: - Radio buttons to choose between Default (standardized colors) and Custom (manual adjustments).
• Hexadecimal Display/Input: - A highlighted box displaying the current color code in an 8-character format (e.g., #FFFFD700). The first two characters represent the Alpha channel, while the remaining six represent the RGB values. This box allows for direct text input by tapping it.
• Hue Slider: - A rainbow-gradient slider used to select the base color tone. Values range numerically.
• Saturation Slider: - Adjusts the intensity or purity of the color, ranging from 0% (grayscale with pigment stripped away) to 100% (full color).
• Value Slider: - Adjusts the brightness or luminance of the color, ranging from 0% (black) to 100% (full brightness).
• Alpha Slider: - Controls the transparency level, ranging from 0% (fully transparent) to 100% (fully solid and opaque).
• Recent Colors Palette: - A horizontal row of circular swatches displaying recently used colors. To copy a color from an existing element, open the Color Picker for that element and select OK. The color will be added to the front of this palette for future access.
• Checkerboard Swatches (Default Mode): - Swatches with a checkerboard pattern provide immediate visual confirmation that the selection is semi-transparent, guaranteeing that background layers will bleed through.
• Auto-Save (Custom Mode): - When a custom color is finalized by selecting OK, the utility automatically pushes that exact configuration into the recent row, eliminating the need to repeatedly copy and paste hex codes when matching elements.
• Cancel / OK: - Discard or confirm the selection.

Optimal Workflow for Real Use

• Step 1: Bypass the Hue slider entirely during initial adjustments.
• Step 2: Advance the Value slider to 100% to restore full illumination.
• Step 3: Advance the Saturation slider to 100% to restore full pigment intensity.
• Step 4: View the vivid color track before adjusting the Hue slider or reducing levels to achieve exact pastel, deep tone, or shaded variations.

For more explanation of alpha hex and percentages,

click here

Primer For Alpha HEX and Percentages

The Color Picker displays the exact value using an 8-character hexadecimal format. Pinpoint accuracy can be achieved by directly entering a specific value into the input box.

To break down the ARGB value:

• A - Alpha channel (AA######)
• R - Red channel (##RR####)
• G - Green channel (####GG##)
• B - Blue channel (######BB)

Understanding Percentages

Frequently, a reference is made to Alpha levels as a percentage. The cheat chart below shows how to make any Color Picker ARGB value show the Alpha channel by changing the “A” of ARGB to an Alpha value, which is frequently expressed as a percentage, while leaving the RGB portion as default.

If alpha is expressed as an actual number, such as 77, that number represents its position within the 0–255 range. The transparency percentage is 77/255, or about 30%. This is the simplest way to understand and set alpha levels when using ARGB values in Total Launcher’s Color Picker.

The result, as seen in the diagram below, shows a transition from opaque to transparent.

Sample Color Showing Alpha Percentages	Alpha Cheat Sheet Hex: FB00FA37
Alpha	Transparency %	Description
FF	100%	Solid
E6	90%
CC	80%	Solid
B3	70%
99	60%
80	50%	Semi-solid
66	40%
4D	30%	Medium
33	20%	Light
1A	10%	Very light
00	0%	Transparent

How to Pinpoint Specific Colors

There are many methods available to identify specific hex codes, but these two are the most practical for launcher customization:

• Extracting from Digital Images: Upload an image to a website offering color palette extraction (like Canva). An example of Total Launcher's logo imported to that page is here .
• Extracting from Device Screens: Utilize a dedicated Android application to extract hexadecimal codes directly from your display. Color Picker by Mikhail Gribanov is a highly recommended utility available on the Google Play Store.