![]() SaveColor: // '' or 'web smart' or 'web save', if so. HueRGB: // rounded integer value of current color in rgb model with full saturation and brightness RGBLuminance: // luminance of the current color HUELuminance: // luminance of hue (in full brightnes and saturation) (0 - 1) RgbaMixWhite: // saved (background) color mixed with solid white colorĪlpha: // alpha or opacity value (0 - 1) of current color RgbaMixCustom: // saved (background) color mixed with custom (solid) color Luminance: // luminance of resulting mix (0 - 1) RgbaMixBlack: // saved (background) color mixed with solid black colorĪ: // resulting alpha or opacity value (0 - 1) ![]() RGB: // RGB color, rounded between 0 and 255 Those include colors.js,, colorPicker.js and either jsColor.js or jqColor.js depending of which implementation you chose. Those folders also include a 'whole package' file so you can go for only one file and don't need to include the others: This is all seperated so you can write your own implementations if you have any special requirements not covered by those quite experimental implementations. javascript_implementation/jsColor.js or.then you need to additionally use the implementations, either Even a simple search on the NPM packages page will return a few hundreds results to pick from. If you want to use colorPicker as a plugin that opens on clicks on input fields, remembers colors and it's current size etc. If the Native color picker not meet your criteria, since it has an obsolete look and not look as slick as modern Color-Pickers, you can use one of literally hundreds of color pickers on the web. Those 3 files are combined and minified in a file named: Those three files are used to build the color picker UI and calculate colors as you use it from the UI or from outside, just like shown on the demo page.Ĭolors.js doesn't have any dependencies and can be used standalone to build your own color picker or some other app. colorPicker.js - the UI (but not the implementation).- HTMLS / CSS and images used by the UI.colors.js - the color calculation library.Now with new implementations for JavaScript and jQuery ![]() If you like it, don't be shy to click the ★ Star button o) With colors.js (~8.7k or way smaller if other color spaces and complex calculations are taken out.) you can also build your own simpler and / or smaller color pickers quite easy as demonstrated on the demo page.Ĭolors.js can convert 182 different combinations of color spaces (rgb2HSV, RGB2hsl, rgb2RGB, HEX2Lab. IE6+ (an extra CSS has to be made to make it work in IE6 though and some additional setTimeout tricks to make it work in IE5.5)ĬolorPicker.js uses colors.js, a small but comprehensive tool for color conversions / calculations (WCAG 2.0, contrast, color difference, layer mix, etc.). on IE9+ and internet browsers.ĬolorPicker works in all browsers incl. An advanced, fast and small (45.4KB, 19.5KB gZip) JavaScript (framework independent) color picker (color chooser) that uses only one javaScript (x.min.js) file, so no extra HTML, CSS, images, etc. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |