colorfont.io

Color Picker, Font Picker, and design toolbox

Latest Version

Version

2.1.12

Update

October 8, 2024

Size

933KiB

Developer

colorfont.io

ColorFont | Color Picker and Font Picker Extension

ColorFont is an easy-to-use Color picker and Font picker tool in one. Created by and for web developers and designers.

Here’s what ColorFont will do for you:

✅ Save you time

✅ Allow you to maintain consistency in all your designs

✅ Instead of using 2 tools, you can do everything you need with just the ColorFont Chrome Extension

>>Why ColorFont?

As a web developer, finding the best colors and fonts for your clients is one of your most important tasks.

When you find the perfect font and color scheme, your design takes on a life of its own, gets your client big results, and ultimately makes everyone happy.

If you’re like most web developers or designers, as you browse the web and go about your day, you see some great colors and fonts you know would be absolutely perfect for that design that you’re working on RIGHT NOW…

...and that’s where ColorFont comes in…

>>ColorFont Chrome Extension Features:

✅ The ColorFont Chrome Extension app opens as a side panel

✅ Select and get RGB, HSL, HSB and HEX color code formats from a web page

✅ Use the Palette Picker to get right colors

✅ Clipboard feature included so you can copy the colors you find and easily paste them into any project

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_name__", "description": "__MSG_description__", "default_locale": "en", "version": "2.1.12", "minimum_chrome_version": "114", "permissions": [ "storage", "sidePanel", "tabs", "activeTab", "identity", "fontSettings" ], "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "fonts/*.otf" ], "use_dynamic_url": false }, { "matches": [ "" ], "resources": [ "assets/tinycolor-BkhrsXJV.js", "assets/sendMessage-DhA1TDzR.js", "assets/content.tsx-D1N3-PbT.js" ], "use_dynamic_url": true } ], "icons": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" }, "content_scripts": [ { "js": [ "assets/content.tsx-loader-ft6Gxgcg.js" ], "matches": [ "" ], "run_at": "document_end" } ], "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "action": { "default_title": "Click to open panel" }, "side_panel": { "default_path": "index.html" }, "oauth2": { "client_id": "822233825221-b1t188g1a7tuf7q24ik4iavata1pd034.apps.googleusercontent.com", "scopes": [ "https://www.googleapis.com/auth/userinfo.email", "https://www.googleapis.com/auth/userinfo.profile" ] }, "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvE21Bbh6rIJ+NnRyFswnPKP1SJMOQ9WOwEQfdg1zXt09Ab1f3RwNIfcsdGSzVkXjlphMLs9695UnREQWbBrGFyAj3zLbMhkJqUZvUhTbr9pa/MNiLP4zulUsmtYgsR2SElMaVcQX6IUdNbJ+ZUM5DrWgtuBkMdq32tfgyihgV1ADbstUVVqd1PMfKeojz7zpd6CLKkZQkgvDblHn1bbwkITPsTdSWUBLNkfLL7/Tf2TAbmgTGCtEZj/DqJogen7LnuQzbVbBFkkNThI8Hf3d6iRJ9/9izmP+++nj304VT+Zpwql2iwxUB4Q9jWD2ixtQV3YxARLKQr8cCpk1hzezzQIDAQAB"}

Download CRX(933KiB)

Similar Extensions

ColorZilla Extension · Developer Tools 10,000+ 3845 ★ 410KiB

Color Picker Extension · Developer Tools 10,000+ 32 ★ 69.72KiB

AliHunter - AliExpress Dropship Spy (Zopi) Extension · Shopping 10,000+ 398 ★ 3.41MiB

Font Finder Extension · Developer Tools 10,000+ 185 ★ 159KiB

Adminer - Ads and Product Finder Extension · Productivity 10,000+ 686 ★ 724KiB

What Font - font finder Extension · Productivity 10,000+ 249 ★ 161KiB

Web Color Picker - online color grabber Extension · Developer Tools 10,000+ 120 ★ 1.23MiB

Color Picker for Chrome™ Extension · Developer Tools 10,000+ 118 ★ 194KiB

Font Picker Extension · Developer Tools 10,000+ 57 ★ 358KiB

Ryviu - Import reviews Extension · Shopping 10,000+ 65 ★ 93.27KiB

BK Reviews Extension · Productivity 10,000+ 124 ★ 893KiB

Colour Changer Extension · Fun 10,000+ 10 ★ 91.72KiB

Color Finder Extension · Developer Tools 10,000+ 27 ★ 335KiB

MY AD FINDER Extension · Productivity 10,000+ 2598 ★ 1.78MiB

Color and Fonts Extractor Extension · Developer Tools 10,000+ 5 ★ 182KiB

Shopify Theme File Search by EZFY Extension · Productivity 10,000+ 64 ★ 202KiB

SimilarTech Prospecting Extension · Productivity 10,000+ 51 ★ 2.18MiB

AdSparo - AdLibrary Ad Finder & Ad spy Tool Extension · Productivity 10,000+ 75 ★ 175KiB

SpeechText.AI: Record, Capture & Transcribe Extension · Productivity 10,000+ 29 ★ 31.71KiB

Bubble Essential Kit Extension · Developer Tools 10,000+ 42 ★ 55.75KiB

Fontpair Extension · Productivity 10,000+ 4 ★ 445KiB

A+ FontSize Changer Extension · Productivity 10,000+ 92 ★ 108KiB

Color Changer Extension · Accessibility 10,000+ 36 ★ 52.45KiB

WhatFont Extension · Developer Tools 10,000+ 2007 ★ 741KiB

User reviews

MC B (ID: 0000002906a35a0f) Voted 2 ★ - Updated 11/07/2023 On imac the target cross hair doesn't match the screen selection point.

Khyati Joshi (ID: 00000087422db5d7) Voted 4 ★ - Updated 03/23/2022 Easy to use extension to find the color and font of the page.

Paul Wright (ID: 0000000d285dfa6d) Voted 1 ★ - Updated 07/30/2021 On imac the target cross hair doesn't match the screen selection point.

Kael Paradis (ID: 0000009b98985d18) Voted 4 ★ - Updated 02/11/2021 great app, but you guys didn't pick the right color for your logo, AT ALL, AHAHA

Joshua Hayes (ID: 000000d9cf02f93b) Voted 5 ★ - Updated 01/21/2021 This extension was easy to use, saved me a lot of time, and was loaded some really cool features. I was able to go from using 2 different extensions that were kind of clunky to now just using this one. Thanks a lot! Highly recommend!

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

ColorFont | Color Picker and Font Picker