Color Picker

Color Converter — Instantly Convert Between HEX, RGB, HSL, CMYK and 14 Formats

The online Color Converter is a free, professional tool for instantly converting between all color formats used in web design, print, and application development. Whether you're a designer, developer, or creative professional, this tool gives you everything you need to manage colors in one place.

14 Supported Color Formats

• HEX (#rrggbb): most common in CSS and HTML, e.g. #4f46e5 or shorthand #fff
• RGB: red, green, blue values from 0 to 255 — rgb(79, 70, 229)
• RGBA: RGB with an Alpha transparency channel from 0 to 1
• HSL: hue (0-360°), saturation, and lightness — the easiest to adjust manually
• HSLA: HSL with transparency
• HSV / HSB: format used by Photoshop, Figma, and professional design tools
• CMYK: professional print format (Cyan, Magenta, Yellow, Black)
• CIE Lab: perceptual model simulating human vision, used in pre-press and color proofing
• CSS Named Colors: named colors defined in CSS like coral, indigo, tomato
• Decimal: integer color value (used in Canvas APIs and game engines)
• Android Color: 0xFF format for Java/Kotlin development
• Swift / iOS UIColor: UIColor(r:g:b:a:) format for iPhone and iPad development
• CSS Filter: CSS filter value to reproduce colors through SVG images
• Tailwind CSS: nearest color from the popular Tailwind CSS utility library

Color Harmonies — Color Theory Made Easy

The tool uses the color wheel to generate five types of professional color harmonies:

• Complementary: opposite color on the wheel — maximum contrast, great for bold designs
• Triadic: three colors 120° apart — vibrant and well-balanced
• Analogous: adjacent colors — soft, natural, and pleasing to the eye
• Split Complementary: color with two neighbors of its complement — high contrast but less jarring
• Tetradic: four colors in a rectangle — rich, complex palette requiring careful balance

Color Shades

The tool displays 18 shades of the selected color from lightest to darkest. Each shade is clickable for instant conversion — perfect for building consistent design systems and UI component libraries.

Who Uses This Tool?

• Web developers: convert HEX to RGB and HSL directly in code
• Graphic designers: convert Figma/Photoshop colors (HSB) to CMYK for print
• Mobile developers: get UIColor for iOS or 0xFF format for Android
• Brand identity designers: create harmonious color palettes for logos and brand guidelines
• Content creators: find the perfect colors for social media posts and presentations