This tool lets you select any color and instantly see its representation in multiple color formats used across web development, graphic design, and print.
Color Formats
HEX: Hexadecimal color code used in CSS (#RRGGBB).
RGB: Red, Green, Blue values (0-255) used in CSS and screens.
HSL: Hue, Saturation, Lightness — intuitive color model for CSS.
HSV: Hue, Saturation, Value — used in design software like Photoshop.
CMYK: Cyan, Magenta, Yellow, Key (Black) — used in print.
Color Harmonies
Complementary: Opposite on the color wheel (high contrast).
Analogous: Adjacent on the color wheel (harmonious).
Triadic: Three colors equally spaced on the color wheel.
📤 Share This Tool
Found this useful? Share with friends!
📊 Share Your Result
Frequently Asked Questions
What color formats are supported?
HEX, RGB, HSL, HSV, and CMYK. Copy any format individually for CSS, design tools, or print.
What are complementary colors?
Complementary colors sit opposite on the color wheel and create high contrast. E.g., blue and orange.
How do I copy a color value?
Click the copy icon next to any format to copy it to your clipboard.
What is the color history?
The last 10 picked colors are saved so you can quickly reference or return to them.