Searchlight
Tools
BlogAbout
Free SEO Audit
Back to home
๐Ÿ“ˆSEO & Analytics
๐Ÿ—‚๏ธText & Data
๐Ÿ”Encoders & Decoders
โšกGenerators
๐Ÿ”„Converters
Timestamp ConverterTimezone ConverterCron BuilderSVG ConverterImage Format ConverterNumber to WordsRoman NumeralUnit ConverterColor ConvertercURL ConverterHAR Viewer
๐Ÿ–ผ๏ธImage Tools
๐Ÿ“„PDF Tools
๐Ÿ’ปCode Tools
๐Ÿ”Regex & Parsing
๐ŸงฎCalculators
๐Ÿ—บ๏ธDiagrams
๐ŸŒNetwork & Web
โœ๏ธText Utilities
๐ŸŽจColor Tools
๐Ÿ”€Diff & Compare
148+ tools. OAuth is read-only.
Searchlight

148+ free SEO, developer, image, PDF, and productivity tools - no account needed.

Free ยท all tools included
Company
  • Blog
  • About
  • Free SEO Audit
Legal
  • Privacy Policy
  • Terms of Service
  • Cookie Policy

ยฉ 2026 Searchlight. All rights reserved.

Read-only OAuth ยท No data reselling ยท Completely free

Color Converter

Convert between HEX, RGB, HSL, and CMYK. Edit any field and all others update instantly.

HEX
RGB
HSL
CMYK

About this tool

Convert colours between HEX, RGB, HSL, HSB/HSV, CMYK, LAB, LCH, OKLCH, and CSS named colours. Enter any colour value in any format and get all equivalents instantly. Includes a visual colour picker, contrast ratio checker, and closest named CSS colour. Essential for designers bridging web, print, and design tool workflows.

How to Convert Colour Formats

  1. 1Type or paste a colour value in any format into the input field.
  2. 2All equivalent formats appear instantly below.
  3. 3Click any format to copy it to your clipboard.
  4. 4Use the colour picker for visual selection.
  5. 5Check the contrast ratio against white and black for accessibility.

Frequently Asked Questions

How do I convert HEX to RGB?+
Split the 6-character HEX into three pairs and convert each from base-16 to base-10. #ff6a1a converts to R=255, G=106, B=26. This tool converts instantly between all formats.
What is the difference between HSL and HSB/HSV?+
Both use Hue and Saturation, but the third channel differs. HSL Lightness of 100% always gives white regardless of saturation. HSB/HSV Brightness of 100% gives the pure saturated colour. Photoshop uses HSB; CSS uses HSL.
What is OKLCH and why should I use it?+
OKLCH is a perceptually uniform colour space where equal numeric steps produce equal perceived brightness changes. It's ideal for generating colour scales and accessible colour systems. CSS natively supports oklch() in modern browsers.
What is CMYK used for?+
CMYK (Cyan, Magenta, Yellow, Key/Black) is the colour model for print. RGB is additive (light), CMYK is subtractive (ink). When sending designs to print, you need CMYK values - RGB and CMYK don't have a perfect 1:1 mapping.
Looking for a deeper guide on this topic? Browse the Searchlight blog.
Visit the blog โ†’

Related tools

View all Converters โ†’
Timestamp ConverterUnix timestamp โ†” human-readable date/timeTimezone ConverterConvert times across any world timezoneCron BuilderBuild cron expressions with live previewSVG ConverterSVG โ†” PNG / JPEG / WebP via Canvas