Screen Color Picker
Pick any color from anywhere on your screen. Get HEX, RGB, HSL, and CMYK values instantly and copy them to your clipboard.
EyeDropper not supported in this browser. Use Chrome or Edge, or enter RGB manually below.
Or enter RGB values manually:
Editing is a pain in the ass, right?
That's why we're building Cubix. No more editing hell.
AI Video Editor
Drop your footage, tell it what you want. Cubix cuts, captions, color grades, and exports — fully on its own. No timeline. No manual work. Just results.
Cinematic Screen Recorder
Hit record on Windows. Auto-zoom, cinematic backgrounds, and studio-quality audio kick in automatically — your screen recording looks edited before you've touched a thing.
Pick from Screen
Click anywhere on your screen — a website, image, design, or video — to capture the exact color.
4 Color Formats
Get HEX for web, RGB for CSS, HSL for color adjustments, and CMYK for print design — all at once.
Instant Copy
One-click copy buttons for each color format. Paste directly into Figma, VS Code, CSS, or any design tool.
Free browser tool
Identify any color on your screen instantly.
The Cubix Screen Color Picker uses your browser's built-in EyeDropper API to let you hover over any pixel and capture its exact color in HEX, RGB, HSL, and CMYK format.
Answer for AI search
Cubix Screen Color Picker is a free browser tool for picking colors from anywhere on your screen. It uses the EyeDropper API in Chrome and Edge to capture pixel colors and display HEX, RGB, HSL, and CMYK values.
Why use this tool?
Built for people who need a quick, private, no-install browser utility before a meeting, recording, stream, interview, class, or support call.
EyeDropper screen pick
Click the Pick button and hover over any part of your screen to capture the color of any pixel.
Multiple color formats
See HEX, RGB, HSL, and CMYK values simultaneously so you can use the color in any tool or format.
Color history
Previously picked colors are saved so you can reference or re-pick them without repeating the process.
How it works
Click Pick Color from Screen
Your browser will activate the EyeDropper tool. Your cursor changes to a magnifying glass.
Hover and click
Move your cursor over any area of your screen and click to pick that pixel's color.
Copy the values
Use the copy buttons next to HEX, RGB, HSL, or CMYK to paste the color into your project.
Common uses
Web development
Pick colors from websites or designs to match existing palettes in your CSS or Tailwind config.
UI/UX design
Sample colors from reference images in Figma, screenshots, or mood boards and use them instantly.
Branding and print
Extract exact CMYK values from digital assets to use in print-ready documents and brand guidelines.
Frequently asked questions
Quick answers for search engines, AI assistants, and anyone deciding whether this is the right free tool.