Item logo image for CodeTint

CodeTint

Item media 3 (screenshot) for CodeTint
Item media 1 (screenshot) for CodeTint
Item media 2 (screenshot) for CodeTint
Item media 3 (screenshot) for CodeTint
Item media 1 (screenshot) for CodeTint
Item media 1 (screenshot) for CodeTint
Item media 2 (screenshot) for CodeTint
Item media 3 (screenshot) for CodeTint

Overview

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.

Details

  • Version
    1.0.0
  • Updated
    August 27, 2025
  • Offered by
    yk99902
  • Size
    38.81KiB
  • Languages
    English
  • Developer
    Email
    sjyun925@naver.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Color Grabber

0.0

Quickly pick precise HEX, RGB & HLS colors from any webpage with Color Grabber — fast eyedropper, color history, and easy copy.

Hex code picker

5.0

Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!

GetLayers

5.0

Inspect & copy CSS, Tailwind, colors, fonts, assets from any element. Design tool for developers & designers.

Designerd

5.0

Identify fonts and colors on any page. Vibeboard to sample styles and tweak CSS live.

ColorPal: Color Picker & Eyedropper

4.2

Color picker, Eyedropper. Pick colour and gradient, HEX, RGB. Better than color pick, eye dropper, colour pick, colorzilla, geco.

Peek - Design & Asset Toolkit

4.8

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

CopyUI - HTML, CSS & Tailwind Inspector

5.0

Stop coding from scratch. Copy any element of any website and export it to Tailwind CSS, JSX or clean CSS in one click.

Website Color Extractor

4.5

Extract color palettes from any website. Pick colors with eyedropper, save as PNG/SVG, copy HEX/RGB values.

Color Picker - Eyedropper Tool

4.6

Pick colors from web pages with Eyedropper. Picker, gradient generator, palette. Quickly grab HEX, RGB.

10015 Developer Toolkit

4.7

17 built-in developer tools in your sidebar. Convert text, encode/decode, generate hashes, mix colors & more.

Color Picker HEX | Eyedropper | Pick color from image

5.0

Advanced Color Picker for Chrome - pick any color from any webpage, convert HEX, RGB, HSL and CMYK

Color Picker - Eyedropper Tool

4.8

Simple and convenient color picker. Use the interactive color picker to select, adjust, and export color codes.

Color Grabber

0.0

Quickly pick precise HEX, RGB & HLS colors from any webpage with Color Grabber — fast eyedropper, color history, and easy copy.

Hex code picker

5.0

Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!

GetLayers

5.0

Inspect & copy CSS, Tailwind, colors, fonts, assets from any element. Design tool for developers & designers.

Designerd

5.0

Identify fonts and colors on any page. Vibeboard to sample styles and tweak CSS live.

ColorPal: Color Picker & Eyedropper

4.2

Color picker, Eyedropper. Pick colour and gradient, HEX, RGB. Better than color pick, eye dropper, colour pick, colorzilla, geco.

Peek - Design & Asset Toolkit

4.8

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

CopyUI - HTML, CSS & Tailwind Inspector

5.0

Stop coding from scratch. Copy any element of any website and export it to Tailwind CSS, JSX or clean CSS in one click.

Website Color Extractor

4.5

Extract color palettes from any website. Pick colors with eyedropper, save as PNG/SVG, copy HEX/RGB values.

Google apps