Color Picker & Inspector
Pick colors and get every format
Source Input
Processed Output
What is the Color Picker & Inspector?
Every color tool starts with a color value. Enter any format and this inspector shows the same color as HEX, RGB, HSL, and CSS variables, generates a shade/tint scale for building palettes, and checks contrast against black and white text so you know immediately which text color to use.
Frequently Asked Questions (FAQ)
Q: What's the difference between a shade and a tint?
Shades mix the color with black (darker); tints mix with white (lighter). Both scales are generated for you.
How to Use the Color Picker & Inspector
- 1Paste your input into the editor above — or start from the preloaded example.
- 2Adjust any options, then click Run to process instantly in your browser.
- 3Review the output panel, then copy, download, or save it as a reusable snippet.