Identifies hex code, possible name, and possible wardrobe season for any pixel in the current tab page.

Latest Version

Version
0.0.3
Update
November 23, 2021
Size
40.36KiB
Developer
Category
Users
1,000+
Rating
3.66667 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
Storage
See more

Color Name Season Identifier Extension

Is it \"khaki\", or is it \"beige\"? Now you'll know what that color is probably called... by finding the closest match from digital standards like X11 and W3C as well as approximations of non-digital color sources like Crayola crayons.

Is it a good shade of blue for \"Deep Winter\" or for \"True Summer\"? If you've ever finally figured out your wardrobe color season but still cannot tell which shade is right for you just by looking at it, next time you're looking at items on your browser, maybe this extension can help!

PLEASE NOTE: The digital color detected is subject to your computer's as well as your browser's color profile settings. Different computers may not display a pixel exactly the same way. This extension can only provide a best guess based on the particular hex code detected using your current color profile settings.

===============
FEATURES:
* Click extension icon to open/close color detection information.
* Mouseover any pixel on the current tab to see detected color, closest name, and closest season.
* Changing tab url, scrolling, and clicking anywhere on current tab will reload image data.

COLOR DATA REFERENCES:
* https://en.wikipedia.org/wiki/X11_color_names
* https://www.w3schools.com/colors/colors_names.asp
* https://www.w3schools.com/colors/colors_crayola.asp
* https://www.w3schools.com/colors/colors_ral.asp
* https://en.wikipedia.org/wiki/Pantone
* https://theconceptwardrobe.com/colour-analysis-comprehensive-guides/which-colour-season-are-you

BUY ME A COFFEE:
This project took weeks of manually entering data for thousands of colors from multiple sources. The logic code is maybe around 2000 lines, but the data file alone is over 8200 lines of code. If you find this extension useful/fun and would like to send encouragement or have a feature enhancement you would like to see added, coffee would be greatly appreciated 🥰
https://www.buymeacoffee.com/LittleCornerDev

RELEASE NOTES:
0.0.3 Set link color
0.0.2 Tweak description
0.0.1 Initial Release
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","manifest_version": 2,"name": "Color Name Season Identifier","description": "Identifies hex code, possible name, and possible wardrobe season for any pixel in the current tab page.","version": "0.0.3","permissions": ["activeTab", "storage"],"background": {"persistent": false, "scripts": ["scripts/background.js"]},"browser_action": {"default_icon": "icons/32.png","default_title" : "Color Name Season Identifier"},"icons" : {"16" : "icons/16.png","32" : "icons/32.png","48" : "icons/48.png","128" : "icons/128.png"}}
Read more

How to download and manually install Color Name Season Identifier extension for Chrome

Looking for a way to install Color Name Season Identifier extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Color Name Season Identifier extensions manually, this article outlines two simple methods to effortlessly install Color Name Season Identifier extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Color Name Season Identifier extension and manually install through Drag &Drop

If you ever need to manually install a Color Name Season Identifier extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Color Name Season Identifier Extension by clicking the "Download CRX" button on the website.

Look for the Color Name Season Identifier extension you wish to install. Go to the website and download the Color Name Season Identifier extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Color Name Season Identifier extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Color Name Season Identifier extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Color Name Season Identifier extension for Chrome and install in Developer Mode

This is another method to install Color Name Season Identifier extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Color Name Season Identifier extension file

Select and download the Color Name Season Identifier extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Color Name Season Identifier extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Color Name Season Identifier extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Color Name Season Identifier extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Color Name Season Identifier extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

CSS Color Names Extension · Developer Tools 1,000+ 3 ★ 65.52KiB

icon

Smart Color Picker Extension · Productivity 1,000+ 144 ★ 374KiB

icon

Colorblind - Dalton for Google Chrome Extension · Accessibility 1,000+ 34 ★ 66.48KiB

icon

ColorBlindClick Extension · Social & Communication 1,000+ 9 ★ 159KiB

icon

Color Name Finder Extension · Developer Tools 1,000+ 6 ★ 209KiB

icon

True Colour Match by TCI Extension · Shopping 1,000+ 2 ★ 30.7KiB

icon

What Colour Is It? Extension · Productivity 1,000+ 2 ★ 114KiB

icon

Color Picker Extension · Productivity 1,000+ 3 ★ 45.4KiB

icon

Colorblindness EdTech 2019 Extension · Accessibility 1,000+ 4 ★ 17.45KiB

icon

CSS Color Chart Extension · Developer Tools 1,000+ 1 ★ 71.04KiB

icon

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

icon

Shopify App Detector by Fera.ai Extension · Productivity 1,000+ 62 ★ 185KiB

icon

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

icon

Color Space Extension · Developer Tools 1,000+ 51 ★ 404KiB

icon

Pantone Color Code Reveal Extension · Developer Tools 1,000+ 7 ★ 12.96KiB

icon

Color Picker, Eyedropper - Geco colorpick Extension · Photos 1,000+ 823 ★ 533KiB

icon

Hue Tab Extension · Developer Tools 1,000+ 2 ★ 38.21KiB

icon

Hex Color Picker Extension · Productivity 1,000+ 29 ★ 841KiB

icon

Easy Color Picker Extension · Productivity 1,000+ 10 ★ 125KiB

icon

Snap Color Picker Extension · Productivity 1,000+ 42 ★ 351KiB

icon

AKColor Extension · Developer Tools 1,000+ 17 ★ 480KiB

icon

Online Color Picker Extension · Productivity 1,000+ 1 ★ 1015KiB

icon

ColorPal: Color Picker & Eyedropper Extension · Developer Tools 1,000+ 14 ★ 15.14MiB

icon

Sheen Extension · Accessibility 1,000+ 9 ★ 190KiB

User reviews

icon

ray tomy (ID: 00000024987908aa) Voted 2 ★ - Updated 06/25/2023 The idea is very excellent.However, this extension obscures the location you want to judge, so you can't use it after all.判定したい場所を右クリックしてから判定するとか、ほかの方法が欲しい。

icon

Arefin Bashar Arif (ID: 00000063c69bc20c) Voted 2 ★ - Updated 08/24/2022 The plan was excellent in theory but poorly executed in practice. Hovering the mouse over any part of the screen displays the corresponding color code and associated information, however there is no way to pause the display and copy the data. As soon as you move your mouse away from the subject the information will continuously update. Bet you need a pen and paper to write the color code in 2022 lol. The developer has to provide a button to "stop" the process so that we can easily save our data.

icon

QvrTz (ID: 000000fe31e527e3) Voted 3 ★ - Updated 07/19/2022 it tell's me the name of the color and the hex code but ill keep using it

icon

Salvador Sr (ID: 000000d97a70381c) Voted 5 ★ - Updated 05/08/2021 Very useful extension for colorblind people like me who needs it for his job or similar, in my case it was for identifying colors in lighthouse for a job for getting my degree, thanks you saved me!

icon

Lorenzio Ortega (ID: 000000335a0c4761) Voted 5 ★ - Updated 11/06/2020 you just turn it on, point the cursor over what color on your screen you want identified, and it gives you all the information you need right down to its hex code. I find the names of the hues identified pretty interesting too. Didnt even know heather violet was a thing till now. Anyway, it's defintitely useful for certain needs. I might not use it often, but its nice to know i have it