freesabaiColour converter: HEX, RGB, HSL
Enter a colour any way you like (#336699, rgb(51, 102, 153), hsl(210, 50%, 40%) or a name such as tomato) and get HEX, RGB and HSL to copy. Pick a colour by eye from the colour box. Transparency is supported. It runs in your browser.
This tool needs JavaScript. If you still see this after a few seconds, JavaScript is switched off in your browser or the page did not load completely: turn JavaScript on or reload the page.
How to use it
- Type or paste a colour, or press the colour box to pick by eye. The swatch and every code appear at once.
- You may add transparency, like
#33669980orrgba(51, 102, 153, 0.5). - Press "Copy" on the code you want.
Frequently asked questions
What is the difference between HEX, RGB and HSL?
All three write the same colour. HEX and RGB give the amount of red, green and blue (0-255). HSL gives the hue (0-360 degrees on the colour wheel), the saturation and the lightness, which makes it easier to make a colour lighter or paler.
How do I write a transparent colour?
Use 8-digit HEX (#RRGGBBAA), rgba() or hsla(), or the newer rgb(51 102 153 / 50%). In HEX, AA runs from 00 (clear) to FF (solid).
Why does my colour have no name?
CSS has 148 colour names, such as tomato and steelblue. The tool shows a name only when your colour is exactly one of them.
Good to know
- The browser's colour picker has no transparency. Enter transparency in the text box.
- HSL values are rounded to one decimal; converting back to RGB gives the same value or one that differs by at most 1.
- To check the contrast of text colour against its background use the colour contrast checker (WCAG).
Your data stays on your device
Everything runs in your browser. What you type, paste or open is not sent to freesabai's servers or anyone else's, and is not kept in the browser: close the page and it is gone. The site only counts how many times this page was opened and how many times someone copied or saved a result (never what was pasted or the result, and you can switch the counting off in the footer; see the privacy policy).
Report a problem or suggest an idea
Found a bug, or want this tool to do more? Tell us on the feedback page. No sign-up.
Other developer tools
JSON and data
- JSON formatter and validatorFormat, minify and validate JSON, find the error, fold it into levels
- JSON to YAML converterTurn JSON into YAML, key order kept, nothing leaves your device
- YAML to JSON converterTurn YAML into JSON, and find the line where the YAML is wrong
- JSON to CSV converterTurn a JSON list into CSV for Excel, Thai text included
- CSV to JSON converterTurn CSV into JSON, any separator, quoted fields handled
- CSV viewerOpen a CSV file as a table, sort a column, search, no spreadsheet needed
- Text and JSON diff checkerSee what changed between two texts, side by side or unified, with word highlights
Encoding, hashes and tokens
- Base64 encode and decodeBase64 for text (Thai and UTF-8), URL-safe, and files to and from Base64
- Hash generator: MD5, SHA-256, HMACHash text or files with MD5, SHA-1, SHA-256, SHA-512 and HMAC, and verify a checksum
- JWT decoderRead the header and payload of a JWT, with times you can read (decode only, no signature check)
- URL encode and decodePercent-encode or decode a link, Thai in URLs included, and take a URL apart
- HTML entities encode and decodeTurn special characters into & < > " and back
Generators
Time, numbers and colour
- Unix timestamp converterConvert a timestamp (seconds or milliseconds) to a date and back, with time zones
- Cron expression explainerRead a cron expression in plain words and see its next 5 runs
- Number base converterConvert between binary, octal, decimal and hex, and do bitwise AND, OR, XOR and shifts
- Colour converter: HEX, RGB, HSLConvert a colour between HEX, RGB and HSL, or pick one by eye
- Colour contrast checker (WCAG)Check the contrast between text and background colours for WCAG AA and AAA
Text and code
- Regex testerTry a regular expression, see matches and groups, protected from regexes that never finish
- Markdown previewType Markdown and see it rendered at once, safely, with embedded scripts never run
- Character, word and line counterCount characters, words (Thai too), lines, sentences, paragraphs and reading time