CodeTint

Pick, copy, and convert colors to CSS, Tailwind, Android XML, iOS, and Flutter.

CodeTint is a developer-focused color picker and format converter that ends the hex copy-paste grind. Pick any pixel on a webpage using the built-in eyedropper, then copy the result in the exact code format you use every day. The popup converts instantly, remembers your last selection, and keeps a short history so you can reuse recent colors with a click. Extensive Format Support: CSS: Hex (#RRGGBB / #RRGGBBAA), RGB/RGBA, HSL/HSLA (with or without alpha) Tailwind: Arbitrary color classes like text-[color:#RRGGBB] Mobile: Flutter's const Color(0xAARRGGBB), Android XML #AARRGGBB, and iOS (Swift/SwiftUI) UIColor/Color initializers Hybrid: React Native hex and RGBA strings All conversions are processed locally and update in real time as you switch between formats. For quick workflows, use the default shortcuts: Alt+C starts the eyedropper and copies the color in your selected format, while Alt+D reads a color from your clipboard and converts it to your selected format in place. Shortcuts can be customized at chrome://extensions/shortcuts. Privacy is simple: CodeTint does not track you and does not send data to external servers. It uses storage only to save preferences and your recent colors on your device, scripting and activeTab only when you explicitly trigger the picker on the current tab, and clipboardWrite to place the color string on your clipboard. Everything else runs offline. Note that Chrome limits extensions on certain pages, including the Chrome Web Store, chrome:// pages, and some PDF viewers. The eyedropper (Alt+C) is also unavailable on Linux due to platform limitations.