Color Picker
Pick any color from any webpage with precision using this advanced color tool from DevTools Suite. Get instant values in HEX, RGB, HSL, OKLCH, CMYK and more with one-click copy and color history.
The Ultimate Color Picker for Designers & Developers
Color Picker uses the native browser EyeDropper API to pick colors from anywhere on your screen with pixel-perfect accuracy. View colors in 9 different formats simultaneously, build a color history library, and customize your workflow with adjustable settings - all from a single, powerful tool.
Key Features
Everything you need to work with colors efficiently
Eyedropper Tool
Use the native browser EyeDropper API to pick colors from anywhere on your screen. Auto-starts when you open the tool for instant color sampling with pixel-perfect precision.
9 Color Formats
View your selected color in HEX, RGB, RGBA, HSL, HSLA, HSV, OKLCH, OKLAB, and CMYK formats simultaneously. Toggle which formats to display based on your workflow.
One-Click Copy
Copy any color format to your clipboard instantly. Enable auto-copy to automatically copy colors when picked. Visual confirmation shows when colors are copied.
Interactive Color Picker
Fine-tune colors with the visual 2D saturation/brightness picker, hue slider, and alpha channel slider. Make precise adjustments with real-time preview.
Color History
Access your recently picked colors with multiple history modes: session-only, per-site, or global. Configure history limit up to 50 colors with persistent storage.
CSS Color Names
Automatically identifies and displays the nearest CSS named color from 147 standard color names. See both your exact color and its closest named match.
Customizable Settings
Configure HEX format with or without # prefix and choose uppercase or lowercase. Set your default format, toggle visible formats, and personalize your workflow.
Alpha Channel Support
Full transparency support with alpha channel slider. Pick and adjust semi-transparent colors and see them in RGBA, HSLA, and other alpha-enabled formats.
Print Color Support
View colors in CMYK format for print design workflows. Convert screen colors to Cyan, Magenta, Yellow, and Key (Black) values for accurate print production.
Modern Color Spaces
Support for modern perceptually uniform color spaces including OKLCH and OKLAB. Perfect for working with CSS Color Level 4 and modern design systems.
Draggable & Resizable
Position the color picker panel anywhere on screen and resize it to fit your workflow. The panel stays out of your way while remaining accessible.
Persistent Settings
All your preferences and color history are automatically saved. Your format choices, history mode, and customizations persist across browser sessions.
Instant Color Sampling
Pick colors from anywhere on your screen with the native EyeDropper API for accurate results.
Universal Formats
Web, print, and modern color spaces - get the format you need for any project.
Smart History
Session, per-site, or global history modes to organize colors the way you work.