You see a color. You need its code β fast, exact, ready to paste.
Color Picker gives you a large live color field and hue spectrum: drag, tap, and the HEX, RGB and HSL values update instantly. One tap copies the code your tool expects β no browser tab, no guessing.
π¨ WHAT YOU CAN DO
1. Pick any color on a full color wheel and spectrum β drag the field or the hue bar, then fine-tune with RGB and HSL sliders
2. Type a HEX code and jump straight to that color β check what #FF0000 looks like in half a second
3. Convert instantly between HEX, RGB and HSL β copy the format your project needs in one tap
4. Build color harmonies β complementary, analogous, triadic, tetradic, split-complementary β generated from one base color
5. Generate shade ramps and tint scales β a full lightness gradient from any base color
6. Save swatches into named palettes β reopen them whenever a project comes back
7. Shuffle to a random color when you need a starting point
8. Works 100% offline β no account, no sign-in, no cloud
π₯οΈ WHO USES THIS
Frontend developers copying CSS values between editor and component. Graphic designers checking that a background hex matches the brand book. Illustrators picking a colour palette for a digital piece. Marketers verifying brand colors. Students learning web design who need a reliable HTML color picker they can actually read. Nail artists and interior designers matching Pantone references to their nearest hex equivalent.
β‘ HEX TO RGB, AND BACK β IN ONE TAP
Designers hand over hex codes, developers want RGB, CSS often wants HSL. Instead of keeping a hex translator open in a browser tab, tap once and the value is on your clipboard in the format your tool needs.
π― COLOR HARMONIES EXPLAINED
Complementary colors sit opposite each other on the wheel β maximum contrast. Analogous colors sit side by side β natural harmony. Triadic divide the wheel into thirds β vibrant and balanced. The harmony generator calculates all of these from one base color, giving you a coherent palette in thirty seconds instead of twenty minutes of trial and error.
π HEX COLOR CODES β WHAT THE FORMAT MEANS
A hex code is six digits after a #: #RRGGBB. First pair = red (00βFF), second = green, third = blue. Pure red is #FF0000, white is #FFFFFF, black is #000000. Over 16 million combinations. The picker maps the full RGB cube onto a draggable field so you navigate by color, not by guessing numbers.
CSS named colors (Tomato, Coral, Goldenrod, MediumSlateBlue) are available by name or by code β a specific color in under two taps.
π¦ PRO β ONE-TIME PURCHASE
The core picker, converter and harmonies are free forever. Pro adds unlimited saved palettes, full shade ramps, palette export as text or image, and removes ads β bought once, yours for life.
Made for UI design, web development, branding, and anyone who works with exact color codes.
MORE WAYS TO USE IT
β’ A HEX color picker for web developers: drag the color field and copy the HEX code in one tap β no browser tab needed.
β’ RGB to HEX converter: type any RGB value and get the exact HEX code immediately, or go the other way around.
β’ CSS color picker: copy #RRGGBB, rgb() or hsl() format depending on what your stylesheet expects.
β’ Color palette generator: build complementary, analogous and triadic harmonies from any base color.
β’ Color shade generator: get a full lightness gradient from the darkest to the lightest variant of any color.
β’ Offline color picker app: works without internet β no browser, no plugin, no sign-in needed.
Pick colors, get HEX & RGB codes instantly. Build palettes & harmonies offline.