RGB Color Codes
Choose red, green and blue values and see the resulting color immediately. RGB, hexadecimal and HSL codes stay synchronized.
RGB:
HSL:
How to use it
Move the three sliders or enter channel values from 0 to 255. You can also type a six-digit hexadecimal color such as #0B5FA5.
Useful example
RGB 11, 95, 165 produces #0B5FA5, the blue used for links throughout Mathmatives.
Tips
RGB is convenient for screens, hex is concise in CSS, and HSL makes lightness and saturation easier to adjust.
Frequently asked questions
Does this tool send data to a server?
No. The tool runs entirely in your browser. Nothing you type is submitted to Mathmatives.
Does it work on a phone?
Yes. The controls stack into a single column on smaller screens and work with touch, mouse or keyboard.
Is it free to use?
Yes. The tool is free, needs no account and has no usage limit.
Related calculators
Last updated . Formulas are shown on the page and checked against the worked example.
This calculator is for general information and education only. It is not professional advice. Confirm important decisions with a qualified adviser.