Colour Format Converter
Convert a CSS colour to HEX, RGB, HSL and OKLCH.
Bookmark this page
Keep this page handy for next time.
- On a computer
- Press Ctrl + D, or Command + D on a Mac.
- On a phone or tablet
- Open your browser's menu or Share menu and look for Add Bookmark, Bookmark or Add to favourites.
A bookmark saves the page link. Save any tool results separately.
How to use this tool
- Enter the values for colour format converter.
- Adjust the labelled settings, then run the tool. Convert a CSS colour to HEX, RGB, HSL and OKLCH.
- Review the result before copying or downloading it. Clear the tool when finished.
Things to know
- Converts CSS colour notation. Out-of-gamut colours can be clipped in HEX/RGB; this does not provide print colour management.
You might also need
More in images & designImage Colour Palette Extractor
Extract frequently occurring image colours as swatches and CSS variables.
Colour Contrast Checker
Calculate contrast and show WCAG AA and AAA text thresholds.
Image Colour Adjustments
Adjust brightness, contrast, saturation or grayscale and export the pixels.
CSS Gradient Generator
Preview a two-colour linear gradient and copy its CSS.
Remove image background
Automatically detect and remove a plain background colour, choose a colour yourself, or cut out a person. Download a transparent PNG.
CSS Easing Curve Generator
Preview a cubic-bezier curve and export the CSS timing function.
CSS Flexbox & Grid Generator
Preview a simple responsive layout and export its HTML and CSS.
CSS Shadow Generator
Preview an adjustable box shadow and copy CSS.
Fluid Typography & Clamp Generator
Calculate a CSS clamp expression between two viewport sizes.