Pick Colors from Webpages
Activate the extension and select a visible page element to capture its color.
Turnkey Tools browser extension
See the color. Copy the code.
Pick colors from any webpage, inspect HEX, RGB and HSL values, save useful swatches and build a reusable palette directly from the browser toolbar.
The website color tool works now. The Chrome extension is currently being prepared.
Example Website
Find the exact color used on any page.
Click a page element to inspect and copy its color value.
Page Color Picker
COLOR CAPTURED
HEX
#6941C6
RGB
105, 65, 198
HSL
258, 54%, 52%
1 click
Capture a webpage color
3 formats
HEX, RGB and HSL
Palettes
Save useful combinations
Local
Stored in your browser
Built for designers and developers
Capture the exact color without guessing.
Inspect website colors, convert between common color formats and save reusable swatches for design, branding and development work.
HEX Color Values
Copy standard six-digit HEX codes for websites, design tools and style sheets.
RGB Conversion
View the red, green and blue channel values for every selected color.
HSL Conversion
Inspect hue, saturation and lightness values for easier color adjustment.
Saved Color Palettes
Keep useful colors together and return to the palette during future design work.
Privacy Focused
Save color values and preferences locally without requiring an account.
Interactive color picker demo
Pick and save a color now.
Click one of the sample page elements or select a custom color. The tool converts the color into HEX, RGB and HSL values.
✓
Website color research
✓
Brand palette creation
✓
CSS development
✓
Graphic design
✓
Presentation themes
Page Color Picker
Select a sample page color or enter your own color value.
Click any colored card to simulate picking a color from a
webpage.
#6941C6
Selected Color
HEX
#6941C6
RGB
rgb(105, 65, 198)
HSL
hsl(258, 54%, 52%)
CSS
color: #6941C6;
Saved Palette
0 colors
Simple from the first color
How it works.
Activate the picker, select a page element and copy or save the detected color value.
Step 01
Activate the picker
Click the Page Color Picker icon in the Chrome toolbar.
Step 02
Select a webpage color
Move over the page and click the element containing the color you want.
Step 03
Copy or save it
Copy the HEX, RGB or HSL value, or add the color to a saved palette.
Capture the exact color from any webpage.
Inspect color values, copy CSS-ready codes and build reusable palettes without taking screenshots.
Common questions
Everything you should know.
Find answers about webpage color detection, color formats, saved palettes, browser permissions and the upcoming Chrome extension.
The planned Chrome extension can activate a page-level color
picker on websites where the browser allows the extension to run.
The tool displays HEX, RGB and HSL values and can also produce a
simple CSS color declaration.
Yes. You can save selected colors into a local palette and copy
or download the complete list.
This website version stores the palette in local browser storage
on the current device.
A color picker extension needs permission to interact with the
active webpage. The published version should request only the
permissions required for color selection.