100%

Color Picker

Convert between HEX, RGB, HSL colors

Input Parameters

Configure the system requirements below.

HEX #6366f1
RGB (99, 102, 241)
HSL (238, 86, 66)
--
Instructions & Terms

What is a Color Picker?

A color picker is a tool that helps you select, preview, and convert colors between different formats including HEX, RGB, RGBA, HSL, and HSLA. It's essential for web designers and developers.

How to Use This Tool

Pick a color using the visual color picker, enter a color value in any format, or use the color slider. The tool instantly converts to all other formats. Copy any format to use in your projects.

Color Formats Explained

  • HEX: Hexadecimal color code (e.g., #FF5733)
  • RGB: Red, Green, Blue values (e.g., rgb(255, 87, 51))
  • HSL: Hue, Saturation, Lightness (e.g., hsl(14, 100%, 60%))
  • RGBA/HSLA: Includes alpha for transparency

Common Uses

Color pickers are used for web design, graphic design, UI/UX work, CSS styling, and any project requiring precise color selection and conversion.

FAQ

What's the difference between RGB and HEX?
They represent the same colors differently. HEX is more compact and commonly used in web design, while RGB is easier to understand programmatically.