How to use HEX / RGB / HSL Converter
HEX, RGB and HSL describe the same sRGB color through different coordinate systems. XXF normalizes an accepted input and reports all three forms with a visual preview for quick CSS work.
HSL values are rounded for readability, so repeated conversions can introduce small numerical differences even when the displayed color remains effectively the same.
A reliable workflow
- Enter a 3- or 6-digit HEX, rgb() or hsl() color
- Convert and compare the normalized representations
- Copy the format that matches the project's design tokens or stylesheet
Worked example
Convert the included #6c5ce7 color
#6c5ce7The normalized result is rgb(108, 92, 231) and approximately hsl(247, 75%, 63%). The preview checks appearance, but contrast still requires a foreground-background pair
When this tool helps
- Translate a design token between codebases
- Read an RGB value as editable HSL
- Normalize shorthand HEX before documentation
Accuracy and safety notes
- This tool intentionally excludes alpha channels
- Contrast and accessibility depend on foreground-background pairs, not one color in isolation
Frequently asked questions
Does XXF upload or store my data?+
No. The conversion runs locally in your browser. Your input is not sent to XXF, stored on a server or used for training.
Which CSS color formats are accepted?+
Use 3- or 6-digit HEX, rgb(r, g, b), or hsl(h, s%, l%). Alpha channels are intentionally excluded for predictable conversion.