Searchlight
Tools
BlogAbout
Free SEO Audit
Back to home
๐Ÿ“ˆSEO & Analytics
๐Ÿ—‚๏ธText & Data
๐Ÿ”Encoders & Decoders
โšกGenerators
๐Ÿ”„Converters
๐Ÿ–ผ๏ธImage Tools
๐Ÿ“„PDF Tools
๐Ÿ’ปCode Tools
๐Ÿ”Regex & Parsing
๐ŸงฎCalculators
๐Ÿ—บ๏ธDiagrams
๐ŸŒNetwork & Web
โœ๏ธText Utilities
๐ŸŽจColor Tools
Color PickerImage PaletteContrast CheckerColour Blindness Sim.Tailwind Colors
๐Ÿ”€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 Picker

Pick a color and instantly see HEX, RGB, HSL, and HSB values. Copy any format with one click.

Hex value
Click the swatch or type a hex value
HEX#3B5BFF
RGBrgb(59, 91, 255)
HSLhsl(230, 100%, 62%)
HSBhsb(230, 77%, 100%)
CSScolor: #3b5bff;

About this tool

A full-featured online colour picker with live HEX, RGB, HSL, and HSV output. Pick any colour visually using the colour wheel and lightness slider, enter a hex code directly, or paste any colour value to convert it. Perfect for designers, developers, and anyone who needs to grab the exact colour code for CSS, design tools, or graphics software.

How to Pick and Convert a Colour

  1. 1Click anywhere on the colour wheel to select a hue.
  2. 2Drag the lightness/saturation slider to fine-tune the colour.
  3. 3Or type a HEX code directly into the HEX input field.
  4. 4Copy the colour in your preferred format: HEX, RGB, HSL, or HSV.

Frequently Asked Questions

How do I convert a HEX colour to RGB?+
The tool converts automatically - paste your HEX code and the RGB values appear instantly. For example, #ff6a1a converts to rgb(255, 106, 26).
What is the difference between HSL and HSB/HSV?+
HSL (Hue, Saturation, Lightness) and HSV/HSB (Hue, Saturation, Value/Brightness) are both cylindrical colour models. In HSL, maximum lightness (100%) is white. In HSV, maximum value (100%) is the pure colour. Design tools like Photoshop typically use HSB.
What is colour contrast ratio?+
Contrast ratio measures the difference in brightness between two colours, from 1:1 (identical) to 21:1 (black on white). WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text.
How do I get a colour's hex code from a website?+
Use the browser's DevTools (F12), select an element, and look for color or background-color in the Styles panel. Or use the Image Color Picker tool to pick from a screenshot.
Looking for a deeper guide on this topic? Browse the Searchlight blog.
Visit the blog โ†’

Related tools

View all Color Tools โ†’
Image PaletteExtract colour palette from any imageContrast CheckerWCAG AA/AAA contrast ratio checkerColour Blindness Sim.Simulate different types of colour blindnessTailwind ColorsFull Tailwind CSS colour palette reference