COLORPICKER RGB DOWNLOAD
a smart layer rendering technic makes ColorPicker also small and compact (fast download of a single small file).heaviest (pre-)calculations in non-critical situations.usage of requestAnimationFrame for optimized rendering speed.strict separation of UI interactions, calculations and rendering.simple and effective DOM manipulation (fastest old school technics for broadest browser coverage).
intensive usage of fast cache, cache queries and buffering of elements, styles and color calculations.Some technical facts:ĬolorPicker is faster and more efficient than most other tools of its kind due to a smart combination of some technics like: Be creative and use colors' or ColorPicker's clean, intuitive and convenient API to create your own great tools. The demos and the implementations show how easy it is to build your own color picker with colors.js (8.46KB) that could be used as a mobile device color chooser or an advanced color calculation tool. Find single file versions in according folders. See this as a simple API usage example for your implementations. jsColor.js or jqColor.js the plain javaScript or jQuery implementation for out of the box usage of ColorPicker or for simple development for all your needs without having to dig deep into the rest of the code.There are tools for customizations available, or it can be dropped for development or if there is custom components available the HTML, CSS (functional and visual UI) and 5 images including transparent cursor.colorPicker.js the UI (user interface) that renders in your browser and handles user interactions.colors.js the brain that calculates all colors and color dependent components.Ĭan be used separately to build your own color tool.Ĭolors.js can convert 182 different combinations of color spaces (rgb2HSV, RGB2hsl, cmyk2hsl, rgb2RGB, HEX2Lab.play around with the demo to find out what ColorPicker provides.ĬolorPicker runs within all browsers including IE7+ (theoretically also IE5.5+ and mobile devices with some modifications) can be called within 1 single file ( 45.4KB, 19.5KB gZip including HTML, CSS and some images),Īlthough it's separated into 4 components for flexible customization, developing and handling: its compact design that tries to fit all possible situations while giving best overview over relevant data,.its big variety of options and API for out of the box configuration for individual needs,.its fast, responsive and supportive cursor rendering,.its practical color value memory slots,.its convenient multiple usage of input fields (typing, arrow/page keys or dragging for value changes),.its big variety of visualized color spaces (rgb, hsv and hsl),.From expert use to simple color picking), its 4 different UI sizes (advanced, smaller, simple and tiny.See also a simple jQuery implementation preview here Short descriptionĬolorPicker is very convenient and intuitive to use due to This demo uses jsColor.js (3.8KB), a javaScript only implementation of colors.js and colorPicker.jsĬalling the colorPicker on all inputs with the className 'color': jsColorPicker('lor') (Better description will follow.)Ĭhange drop down to connect test patches to Colors instance or to ColorPicker: Some hints: resize colorPicker to see 4 different possible sizes use keybord, arrow/page keys our mouse in input fields to manipulate values try all buttons on right side of colorPicker to explore functionalities. Use the drop down menu to connect the patches with its own Colors instance or to sync with the instance of ColorPicker. The initial setup: ColorPicker UI (user interface) to the left as a standalone instance and test patches to the right (also interactive) connected to a separate instance of Colors. This demo section shows how ColorPicker's and Colors' APIs work and how they communicate to the outer world. hexĪrray with RGB () color, e.g.ColorPicker v1.0 is a small (45.4KB, 19.5KB gZip) but very advanced framework independent javaScript color picker and color conversion / calculation tool that supports the following color spaces: rgb, hsv, hsl, hex, cmyk, cmy, XYZ, Lab but also alpha, WCAG 2.0 readability standards (based on opacity levels of all layers), contrast, color similarity, grayscale, 2-layer or 3-layer overlap mix, etc. Color Picker ValueĬolor Picker instance value represented as Object with the following properties. create ( )įor inspiration and how things work in modules, check the built-in modules source code. Color Picker element to close.įor example: var colorPicker = app. el - HTMLElement or string (with CSS Selector).
0 kommentar(er)
