How to use the hsl to rgb calculator
Prepare the values for this calculation
Convert HSL hue, saturation and lightness to 8-bit RGB channels. Use the formula below to check that it answers your question. Read the input units before transferring figures from a statement, measurement or dataset.
Enter and check each input
- Hue (degrees): enter a value at least 0 and no more than 360. Use the unit named in the label or selected above. Do not leave this required field blank.
- Saturation (%): enter a value at least 0 and no more than 100. Use the unit named in the label or selected above. Do not leave this required field blank.
- Lightness (%): enter a value at least 0 and no more than 100. Use the unit named in the label or selected above. Do not leave this required field blank.
The input table gives a complete example. Keep units and time periods consistent across related fields.
Calculate and resolve any input error
Choose Calculate after entering the values. Changes also update the answer after a short pause. If an error appears, follow its message, correct the field and calculate again. Reset restores the example values.
Interpret the answer
Check RGB first. With the unchanged example inputs, it is rgb(0, 34, 224). Interpret it using the formula and assumptions on this page.
Compare and keep a useful result
For a controlled comparison, keep every other example input unchanged and change Hue (degrees) from 231 to 254.1. The resulting RGB is rgb(53, 0, 224). This illustrates the equation’s response to that input, rather than a forecast of real events.
The result diagram shows the inputs, method and output. A numeric chart is shown only when the calculation supports a meaningful numeric relationship.
Use Copy result or Download CSV to keep the answer. Share tool shares the page address without placing your input values in the URL. Recheck inputs and assumptions before using the result for a decision.
HSL to RGB Calculator formula
HSL is converted through chroma, hue sector and lightness offset.
Inputs and units
| Input | Format / range | Example |
|---|---|---|
| Hue (degrees) | minimum 0; maximum 360 | 231 |
| Saturation (%) | minimum 0; maximum 100 | 100 |
| Lightness (%) | minimum 0; maximum 100 | 44 |
Worked example
Using the example inputs above, the rgb is rgb(0, 34, 224).
- RGB
- rgb(0, 34, 224)
Results and assumptions
The output uses the rgb convention and formula shown above. Match the entered units and source assumptions when comparing results.
Fix an input or unexpected result
Hue (degrees) is required. Enter hue (degrees) using the format and bounds in the input table. Zero and an empty field are different: use zero only if it is allowed and represents your data.
If your answer differs from the example, choose Reset and compare every field, including selected units and options. Check percentage versus decimal entry and whether values describe the same period. Round only the final displayed answer when reproducing the formula.
If a discrepancy remains, report the calculator issue with the page address, non-sensitive example inputs, actual result, expected result and a reference for your calculation.