ToolsEN

Design & Color

Free Color Picker with HEX RGB HSL Converter

Choose any color and get HEX, RGB, and HSL codes in one place with quick copy.

Color preview#3B82F6

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

How to use

  1. Pick a color.
  2. Check HEX/RGB/HSL values.
  3. Copy the value you need.

Recommended tools

Design & Color

Image Palette Extractor

Extract key color palettes from images with HEX values.

Open >Design & Color

Color Contrast Checker

Check WCAG contrast ratio and pass/fail for foreground and background colors.

Open >Design & Color

Gradient Generator

Generate CSS gradients by setting colors and angle.

Open >

When this tool helps most

A practical helper for branding, thumbnails, social visuals, and UI color consistency.