Color Labs — Advanced Color Picker & Gradient Studio

Color picker for screen, images, and webpages with CSS inspection, palettes, WCAG contrast checks, and gradient tools.

Color Labs is a professional color toolkit for designers and developers. Pick colors from rendered pixels, inspect webpage styles, analyze images, check accessibility contrast, and create production-ready gradients without leaving Chrome. Key Features - Screen EyeDropper pick colors from rendered pixels in webpages, photos, videos, canvas, and UI. - Image Pixel Lab upload, paste, drag and drop, or capture the current tab. Inspect pixels with an 11×11 magnifier and save multiple pinned samples with HEX, RGB, and coordinates. - Dominant Palette Extract dominant colors and calculate the average color from an image. - Page Color Intelligence Scan visible CSS colors, view usage counts, and export CSS variables. - CSS Inspector Inspect text colors, backgrounds, gradients, borders, typography, and shadows. - Color Lab Convert HEX, RGB, and HSL; explore harmonies, shades, tints, luminance, and color families. - WCAG Contrast Checker Test AA and AAA contrast for normal and large text. Gradient Studio — build linear, radial, and conic gradients with up to 8 color stops and copy the generated CSS. - Gradient Library Browse built-in metallic, neon, pastel, cinematic, and color-family presets. - Workflow Tools Recent colors, saved pixel samples, one-click copy, CSS export, and dark/light themes.