Screen Color Picker for Developers
Pick a color from your screen with the browser EyeDropper API, copy HEX, RGB and HSL values, then test contrast against white and black. No extension, no account and no image upload.
#2563EBrgb(37 99 235)
EyeDropper works in Chromium desktop browsers. On mobile or unsupported browsers, enter a HEX value manually.
CSS variables
:root {
--picked-color: #2563EB;
--picked-color-rgb: 37 99 235;
--picked-color-hsl: 221 83% 53%;
}