Guide / 01
When to use it
Use it to translate a design value such as #D9FF68 into CSS rgb() or hsl(), or adjust one channel while copying equivalent notations.
MEDIA / 032
HEX · RGB · HSL Converter
Convert colors between HEX, RGB, and HSL with a live preview.
Private workspaceYour input stays on this device. HaloBench tools run in your browser whenever possible.
#D9FF68
Color values
#D9FF68 rgb(217, 255, 104) hsl(75, 100%, 70%)
Guide / 02
Quick guide
- Use the picker or enter a valid three- or six-digit HEX, RGB, or HSL value.
- Change one format's channels and watch the preview and equivalent HEX, RGB, and HSL values update.
- Copy the result and compare it in the target browser or design tool against the intended background.
CHECK
Validate the result
Use a primary-color reference: #FF0000 should produce rgb(255, 0, 0) and hsl(0, 100%, 50%).
LIMITS
Know the limits
Alpha, CMYK, LAB, and wide-gamut profiles are not supported; values assume a typical sRGB display color. Integer rounding between HSL and RGB can introduce a one-channel difference.
Reference
Input and output example
Actual output depends on your input and browser environment. Verify any value used for an important decision.
- Example input
#D9FF68- Expected output
rgb(217,255,104) · hsl(77,100%,70%)
FAQ
Frequently asked
Can the same HEX value look different on two screens?
Yes. Monitor calibration, brightness, surrounding colors, and browser color management affect appearance. This tool converts numeric notation but does not calibrate displays.
Does my data leave this device?
No. This tool is designed to process its working data in your browser. Advertising may load separately, but your tool input is never sent with it.