HEX to Mobile Color Converter

How to use

1. 1Paste a color: a HEX value with or without a # (use 8 digits like #3B82F6CC for transparency), or an rgb()/rgba() value. Auto detect picks the format, or choose HEX or RGB / RGBA.
2. 2Check the live swatch on the checkerboard background to confirm the color and any transparency, and read the Channels panel for the 0 to 255 and 0.0 to 1.0 values.
3. 3Find the platform you need: SwiftUI, UIColor, NSColor, Jetpack Compose, Android colors.xml, Android Color.parseColor, Flutter hex, or Flutter fromARGB.
4. 4Click Copy on that row to grab the exact code, or use Copy all to get one commented block with every platform at once.
5. 5Note the alpha order reminder: web HEX is #RRGGBBAA while Android, Compose, and Flutter use 0xAARRGGBB. The tool already orders each row correctly.
6. 6Use a sample button to see how an opaque or translucent color looks across every platform, or Reset to start over.

About this tool

HEX to Mobile Color Converter takes one color you paste, a HEX value (3, 4, 6, or 8 digits) or an rgb()/rgba() value, and emits ready-to-paste code for the platforms native and cross-platform developers actually ship to: SwiftUI Color, UIKit UIColor, AppKit NSColor, Jetpack Compose Color, Android colors.xml, Android Color.parseColor, Flutter Color from a hex literal, Flutter Color.fromARGB, plus CSS HEX and rgb()/rgba() for reference. It exists because the general CSS color converter on this site stops at web formats, and porting a brand color into mobile code trips developers on two specific things that this tool handles for you. First, channel scale: SwiftUI, UIColor, NSColor, and Flutter floats expect 0.0 to 1.0 values, not 0 to 255, so the tool divides each channel and rounds to three decimals, writing 0.0 and 1.0 with a decimal point so the literal reads as a Double or double. The Channels panel shows both the 0 to 255 byte and the 0.0 to 1.0 float side by side so you can see exactly what each API receives. Second, alpha order: CSS writes the alpha component last as #RRGGBBAA, but Android, Jetpack Compose, and Flutter's hex constructor write it first as 0xAARRGGBB, and mixing the two is the most common color-porting bug. The converter places alpha correctly for each target automatically, so the Compose, Android, and Flutter rows use AARRGGBB while the CSS rows use RRGGBBAA, and you never have to reorder bytes by hand. Input parsing is forgiving: an 8-digit HEX carries transparency, an rgba() fourth value is read whether you give it as 0 to 1, a percent, or 0 to 255, and a bare triple like 59, 130, 246 is treated as RGB. A live swatch sits on a checkerboard so any transparency is obvious at a glance, every row has its own copy button, and Copy all grabs a single commented block with every platform for a constants file or a design hand-off. Everything runs locally in your browser; the colors you paste are never uploaded or logged.

Free to use. Works in your browser. No signup, no login.