Eyedropper · CSS Colours · Palette · Measure
Click Pick Colour to sample any colour from your screen. Values are shown in HEX, RGB, HSL, and CMYK.
Enter any website URL to extract colours from its stylesheets, inline styles, and
<style> blocks.
Click any chip to copy, or hover and click + to send it to your active palette.
No colours in this palette yet.
Click any swatch to add it to your active palette.
No eyedropper history yet. Go to the Eyedropper tab to pick colours.
Colours extracted from the CSS tab appear here. Click to add individual colours.
No CSS colours extracted yet.
Click Activate Measurement to enter fullscreen mode. Then click and drag anywhere on the screen to draw a rectangle. Dimensions are shown live in pixels, centimetres, and millimetres. Press Esc or click Exit to close.
⚙️ Conversion basis: CSS standard (1 inch = 96 px = 2.54 cm = 25.4 mm)
Device pixel ratio: — |
Estimated DPI: —
No measurements yet. Activate the overlay above and draw a rectangle.
Physical accuracy depends on your actual screen DPI. CSS uses 96 dpi as the standard reference.