Media
Image Resizer
Resize images to exact pixel dimensions in your browser. Keep aspect ratio, export PNG, JPG or WebP. No upload.
Free tool · Media
Color Converter
Pick a colour or type a HEX value and get matching RGB and HSL codes ready to copy.
About this tool.
Web colours are written in several notations, and designers, CSS and design tools each prefer a different one. HEX is compact and common in stylesheets, RGB describes the red, green and blue light values from 0 to 255, and HSL describes hue, saturation and lightness.
Type a HEX code or use the picker and the RGB and HSL values update at once. Working in HSL is handy for building a palette: keep the hue, and change lightness to get tints and shades that still feel related.
Three steps, then you are done.
Pick or type
Use the picker or enter a 6-digit HEX code.
Read the values
RGB and HSL appear instantly.
Copy into CSS
Click into a field and copy the format you need.
Questions about this tool.
What is a HEX colour code?
A six-digit base-16 number where each pair stands for red, green and blue.
Are 3-digit HEX codes supported?
Please expand them to 6 digits, e.g. #abc becomes #aabbcc.
Why use HSL?
It maps to how people think about colour, so adjusting lightness is easy.
More on the bench.
Text
Word & Character Counter
Count words, characters, sentences and paragraphs and see estimated reading time. Runs in your browser. Free, no sign-up.
Developer
JSON Formatter & Validator
Format, validate and minify JSON in your browser. Instant error messages, no upload, no sign-up.
Developer
Password Generator
Generate strong random passwords with the browser's cryptographic generator. Nothing is sent or stored.