Color Picker Online - Free color picker for HEX, RGB, and HSL color codes.
Free online color picker. Choose any color and get HEX, RGB, HSL, and CMYK values instantly. Includes eyedropper tool for screen picking.
#6366F1
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
CMYK
cmyk(59%, 58%, 0%, 5%)
How to Use Color Picker
- 1Use the color picker or enter a HEX code directly.
- 2View all format codes: HEX, RGB, HSL, CMYK.
- 3Click Copy next to any format value.
- 4Save colors to history or use EyeDropper to pick from screen.
Frequently Asked Questions
What color formats are supported?
This tool provides HEX (#FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(11, 100%, 60%)), and CMYK (cmyk(0%, 66%, 80%, 0%)) values simultaneously.
Can I pick a color from my screen?
Yes. If your browser supports the EyeDropper API (Chrome, Edge), click the "Pick from Screen" button to select any pixel on your display.
How do I copy a color code?
Click the copy icon next to any color format. The code will be copied to your clipboard and a confirmation will appear briefly.
Found a bug or have a suggestion? Report it on GitHub
Learn More
Guide
Color Picker Guide
How to choose the right colors for your project.
GuideColor Code Formats
HEX, RGB, HSL, CMYK explained.
GuideDesign Color Fundamentals
Color theory for web designers.
GuideEyedropper Tools for Web Designers
How to use browser eyedropper APIs and extensions to pick colors from any screen
GuideOKLCH Color Space Explained
Why OKLCH is the future of CSS colors and how it solves perceived uniformity pro
GuideExtracting Colors from Images
Learn how to extract dominant colors and palettes from images — methods, algorit
GuideColor Picker Workflow for Designers
Build an efficient color selection workflow — from inspiration to palette, forma