A designer sends you a color in hex: #1A73E8. Your CSS framework wants HSL. Your iOS codebase needs RGB values between 0 and 1. Your Android project uses ARGB integers. One color, four formats, and you are opening a browser tab to convert between them — again.
Color conversion is trivial math (hex to RGB is just base-16 to decimal), but doing it in your head for three channels while trying to stay focused on layout or styling is a distraction you do not need.
What macOS Offers
macOS has a built-in color picker accessible from some apps via the system color panel. It shows RGB sliders and a hex field, but it is designed for picking colors visually, not for converting between formats programmatically. There is no easy way to paste a hex code and get the HSL equivalent, or to input RGB integers and copy the hex output. And it is buried inside specific apps rather than available system-wide.
Convert Colors Instantly Between Formats
Bellows includes a color converter among its 41 developer tools. Enter a color in any supported format — hex, RGB, HSL — and see the equivalent values in every other format. Copy whichever representation you need with one click.
From Design to Code
Figma exports colors as hex. Tailwind CSS uses custom color values. SwiftUI wants Color(red:green:blue:) with decimal values. Android XML uses #AARRGGBB. Having all formats visible at once eliminates the mental math and the round-trips to conversion websites.
Checking Contrast and Readability
When you can see the color rendered alongside its numeric values, you can quickly sanity-check whether a text color will be readable against a background. This is faster than switching to a separate contrast checker for every color pair in your stylesheet.
Menu Bar Access
Need a quick conversion while writing CSS? Click the Bellows icon in your menu bar, select the color tool, paste the hex code, and copy the RGB value. The entire interaction takes under five seconds and you never leave your editor.