HEX / RGB / HSL Color Converter
Match a screenshot color or build a skin palette, entirely in your browser.
Convert between HEX, RGB, and HSL with a live preview — for UI skins, stream overlays, and mod color theming.
Inputs
Converted
Editing any field updates the others instantly. HSL is handy for “lighten/darken” skin variants — raise lightness, keep hue.
Why three color formats exist
Scenario: a mod tutorial gives a color in HEX, your editor wants RGB, and you want a darker shade for hover states. Converting by hand is error-prone; this keeps all three in sync.
Example: #4F7CFF becomes RGB 79, 124, 255 and HSL 222°, 100%, 65%. To darken for a hover state, drop lightness to ~55% and read the new HEX.
Boundaries: conversions are exact and lossless for the 24-bit color space. Very dark or very light colors can round HSL values; the live preview is the source of truth.
FAQ: which should I use in code? HEX for CSS, RGB(A) when you need opacity, HSL when you want to shift lightness/saturation programmatically (e.g., theme variants).