RGB, HSV and HSL colour editors for adjusting and editing colours.Red-Green-Blue (RGB), Cyan-Magenta-Yellow (CMY) and Red-Yellow-Blue (RYB) colour wheels with marked triads and complementary colours.Conversion of HTML/Hexadecimal and RGB colour codes into the corresponding colours.User comments and notes for picked colours.Interaction with the standard Windows and macOS colour dialogs.aco colour swatches (Adobe color files) and GIMP. Ability to open, edit and save Adobe Photoshop.Colour list for saving, cataloguing and re-using the picked colours.Calculation of pixel distance between points.Point lock feature for monitoring the colour in the set screen location independent of the mouse cursor position.Screen freeze feature for sampling the colour of the elements that change on mouse-hover.3x, 9x and 15x magnifier and keyboard control of the mouse cursor movements for greater precision.Averaged colour sampling for easy colour noise handling.Extensive range of colour code formats: HTML, RGB, HEX, HSB/HSV, HSL, HWB, CMY, CMYK and Delphi.Today, to get this, we need to use something outside of standard HTML such as Flex or a color picker provided by a third-party JavaScript library. As with the date picker, I look forward to the day when we have an elegant color picker that works across all major browsers and is employed via simple HTML markup. Internet Explorer 8 support is similar to that of all the previously covered browsers other than Opera 11.Īs with the date/time pickers, Opera 11 leads the pack of non-beta web browsers in maturity of color picker implementation and therefore provides the best illustration of what this tag can become. Safari 5 provides the same level of support for color picker as Chrome 8 and Firefox 3.6. ![]() This is demonstrated in the next set of screen snapshots.Ĭhrome 8's "color picker support" is very similar to Firefox 3.6's as is illustrated in the next three images. The good news is that if the user types a String that can be interpreted as a valid color code, the functionality still works appropriately. Indeed, it is presented as a simple text field. Simple JavaScript code is invoked when a color is selected and the color of the background is changed accordingly.įirefox 3.6 does not support the color picker as well as Opera 11. The images show that a small set of colors is presented first to choose from and that the user can choose from a larger set of colors or even specify a custom color. The next set of screen snapshots demonstrates Opera's treatment of the color picker. ![]() The other browsers (non-beta versions) do not provide a nice control at this point, but the code still works in them if the user types in a recognized color string. ![]() What differentiates Opera's treatment from the other browsers is that Opera provides an elegant control to allow the user to select a color or type in a color's code. Before demonstrating this code in action on the five major browsers, I'll point out that the code works on all the browsers. There's not much in the code above for a color picker (just with a "name" attribute and an "onchange" event to make things a little more interesting). I use the following simple HTML code to demonstrate Opera 11's color picker.ĭ = color In this post, I look at Opera's implementation of the HTML5 "color picker" as an illustration of what is possible when the other browsers begin adding their own implementations. As I stated in my post HTML5 Date Picker, Opera 11 is ahead of some of the other non-beta web browsers in implementing some of the expected HTML5 tags.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |