Color picker guides

Platform- and app-specific walkthroughs for sampling exact colors from your screen.

• Color picker for Chromebook

  Pick colors on a Chromebook without installing an extension. ChromeOS ships Chrome with the EyeDropper API, so you can sample any pixel and copy HEX, RGB, HSL or OKLCH.

• Color picker for Linux

  A screen color picker for Linux that needs no package install. Use Chrome, Chromium, Brave or Edge to sample any pixel and copy HEX, RGB, HSL or OKLCH. Includes Wayland notes.

• Pick a color from a video

  Grab an exact color from any video frame: YouTube, Vimeo, a local MP4 in VLC. Pause, click, and copy HEX, RGB, HSL or OKLCH. Covers compression and HDR pitfalls.

• Pick a color from a website

  Find the exact color a website uses. Sample any pixel in any tab, then copy HEX, RGB, HSL or OKLCH. Also explains when to use DevTools for the declared CSS value instead.

• WCAG contrast checker

  Check the WCAG 2.x contrast ratio between two colors, with AA and AAA pass/fail for normal text, large text and UI components. Sample either color straight from your screen.

• Color picker for Canva

  Canva's own eyedropper only samples inside the editor. Pick a color from anywhere on your screen, like a logo, a website or a PDF, and paste the HEX code into Canva.

• Color picker for PowerPoint

  Match a slide color to anything on your screen. PowerPoint's Eyedropper only works inside the slide, so sample anywhere here and paste the HEX or RGB into PowerPoint.

• Color picker for multiple monitors

  Pick colors from any monitor in a multi-display setup, including a laptop screen plus external displays. Covers mixed scaling and color-profile differences between screens.