ColorSchemeSelectorTool to select consistence color scheme based on single color. Useful for web development... |
Color Scheme SelectorThis tool can help you to create a good looking color set fro your design needs. The idea is, that you are picking up a single color of your choise and the tool create you serts of colors with 2 to 25 colors in them... According to the needs of your site you can pick one (or more) of the sets and use the colors from it in your code. User GuideAfter installing the extension, you can show the tool using View->Other Windows->Color Scheme Selector...
The tool window itself looks like this:
The tool window has three parts, at the top the color selector, in the middle the color sets created for you and at the bottom the tools to save and load colors... Color SelectionYou have three ways to select a color... 1. Using the 'Color Wheel', that is the RGB color box. You select color on it using your mouse... 2. Enter values of RGB in the forst row of the text boxes... 3. Enter vlaues oh HSV in the second row of the text boxes... The currently selected color shown in the big box on the right bottom part of the first section (it is grey in the sample image here). Color SetsThe middle part ot the tool window contains a tabbed list, where the left side is the names of the color set (those names are hints to the nature of the color set. If you want to know more about it you may read here:Color Scheme Selector). After you selected the color set to use in your design (it is not advised to use more than one in a single application, even it is possible), you can use the color buttons to insert the color into your code (more on this later)... Save/LoadIn the bottom part of the tool there is a button ot save and a list to load colors... If you hit the 'Save Current Color' button, a popup will show to select a name for tha color, under which it will be saved (to help you remember in what project you used that color)...
Every color you saved will be added to the 'Load' list and can be restored at any time by a single click on the colorized button, next to the name you assigned to that color.
If you want to delete a color from the list, hit the right mouse button and you will get a 'Delete' menu item, which will...delete the color from the list... Using the ColorsAs mentoned a few lines above, hitting the colorized button in the color set will add the color to your code...So how it works... There is an options window (Tools->Options->Custom Tools->Color Scheme Selector) that defines, based on the extension of your source file, how to insert the color...
So you ahve to meet two prerequisites to actually use the colors: 1. An open - and focused - source code file 2. A maching definition to the extension of that file For instance .js extension (JavaScript files) has the template of '%X', which in turn will be translated to '#FF0000' for red color... Color Scheme Selector comes with a short list of pre-defined extension-template pair and fortunately you can add new definitions and change the existing ones... The extension list side should contain one or more extesnions in the format of.ext1;.ext2;.ext3. In the template side you can use any syntactically valid code for the selected extension, where you can use placeholders to inject the selected color into your code...
These definitions, alongside with the saved color list, are stored per user... DonationPlease donate if you found this extension useful...
Version infoVersion 1.0 (17/06/2015) - Original version |
