-------- HSLiders Classic--------
by RicardoTM and Yincognito
Deprecated: Newer Version here: https://forum.rainmeter.net/viewtopic.php?p=223053#p223052
After a lot of research and experimentation, Yincognito and I got to this result:
The design is inspired on RGBCode skin and HSLPicker website.
You can either drag, scroll, or input HSL or RGB values directly to select a color, then you can copy the color code on RGB or HEX format.
You can also save up to 30 color swatches. Neat, right?.
Why HSL? Because I like it, that's it. You can select any color and then find different shades and tones pretty quickly.
Hex output is quite useful when working on Photoshop, Illustrator or any other software, even Rainmeter, you just copy the code and paste it wherever you need to.
While not the most simple skin code-wise (700+ lines), it gets the job done quite nicely.
Although it was designed mainly as an standalone tool, it can be perfectly implemented on other skins, all colors (including swatches) are stored on a separated .inc file.
How it works:
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
CONTROLS
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
HSL:
Mouse Dragging | Scrolling | Right click to input new value | Double click to reset.
RGB:
Mouse Dragging | Scrolling | Left click on value to input new value.
Copy Color Code to Clipboard:
Click on either RGB or HEX.
Color Swatches:
Click on "▼" to open swatches tab.
Right click on a swatch to set swatch to current color.
Left click to set current color to swatch.
Scroll wheel click to delete.
Click on "▲" to close swatches tab.
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
Package
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
This version is deprecated
Newer version on the post below. Enjoy it
Happy New Year.
by RicardoTM and Yincognito
Deprecated: Newer Version here: https://forum.rainmeter.net/viewtopic.php?p=223053#p223052
Jim Foley, Author of "Computer Graphics : Principles and Practice wrote:"RGB is completely useless as a color specification for real people. Almost anything is better; certainly HSL is better."
What started as a rework of the RGBCode skin I use on my ResizableGauges skin, became an experiment on Color Models and the challenge of doing it using only Rainmeter. No images, libraries nor scripting, pure math.Ben Shneiderman, Author of "Designing the User Interface : Strategies for Effective Human-Computer Interaction wrote: "The annoying RGB notation is troubling to many users and certainly error prone. I encourage you to adopt a more human-centered solution and HSL seems to be the only candidate for now. The W3C campaign for universal access would be undermined by adoption of only RGB."
After a lot of research and experimentation, Yincognito and I got to this result:
The design is inspired on RGBCode skin and HSLPicker website.
You can either drag, scroll, or input HSL or RGB values directly to select a color, then you can copy the color code on RGB or HEX format.
You can also save up to 30 color swatches. Neat, right?.
Why HSL? Because I like it, that's it. You can select any color and then find different shades and tones pretty quickly.
Hex output is quite useful when working on Photoshop, Illustrator or any other software, even Rainmeter, you just copy the code and paste it wherever you need to.
While not the most simple skin code-wise (700+ lines), it gets the job done quite nicely.
Although it was designed mainly as an standalone tool, it can be perfectly implemented on other skins, all colors (including swatches) are stored on a separated .inc file.
How it works:
CONTROLS
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
HSL:
Mouse Dragging | Scrolling | Right click to input new value | Double click to reset.
RGB:
Mouse Dragging | Scrolling | Left click on value to input new value.
Copy Color Code to Clipboard:
Click on either RGB or HEX.
Color Swatches:
Click on "▼" to open swatches tab.
Right click on a swatch to set swatch to current color.
Left click to set current color to swatch.
Scroll wheel click to delete.
Click on "▲" to close swatches tab.
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
Package
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
This version is deprecated
Newer version on the post below. Enjoy it
Happy New Year.
