CodeTint

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

CodeTint is a tiny, fast color picker that ends the hex copy-paste grind. Pick any pixel on a webpage using the screen 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. It works smoothly with common formats: CSS Hex with or without alpha (#RRGGBB / #RRGGBBAA), rgb/rgba, and hsl/hsla; Tailwind arbitrary color classes such as text-[color:#RRGGBB]; Flutter’s const Color(0xAARRGGBB); Android XML #AARRGGBB; iOS (Swift/SwiftUI) with UIColor and Color initializers; and React Native using hex or rgba strings. Conversion happens locally and updates in real time as you switch formats. For quick workflows, use the default shortcuts: Alt+C starts the eyedropper and copies the color in your selected format, while Alt+D opens the converter to toggle formats. 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.