imathis / hsl-picker Goto Github PK
View Code? Open in Web Editor NEWA most excellent HSL color picker
Home Page: http://hslpicker.com
License: MIT License
A most excellent HSL color picker
Home Page: http://hslpicker.com
License: MIT License
I'm using Chrome 18.0.1003.1 dev on Mac, and when I click and drag the sliders, nothing happens.
LOVE this picker!
Would you consider making a responsive version? I can imagine it being quite useful for inline css settings for my CMS, but it would need to work on mobile, and stretch to desktop.
the hsl output usually always is hsla, even though the opacity is 1.
If this is by preference, please add a switch.
Shift + up = Page up
Shift + down = Page down
On Chrome the sliders get "sticky" when you drag them. I think that it gets overloaded with event callbacks and that maybe some sort of callback throttler (maybe just for the url hash changes) would help. It's the worst in Chrome stable, better in Canary and Firefox seems almost unaffected.
When you click the "random" button the URL input field at the footer won't update itself until the next click event.
Steps:
hsla(1, 1%, 1%, 1)
rgba(3, 3, 3, 1)
rgba(3, 3, 3, 1)
hsla(0, 0%, 1%, 1)
Any idea why hsla(1, 1%, 1%, 1)
→ rgba(3, 3, 3, 1)
→ hsla(0, 0%, 1%, 1)
?
Dear Brandon,
Would you consider selling the hslpicker website so I can enhance it further? If you're interested, we can create escrow exchange after agreeing on the sale price.
Thanks for your time. Looking forward to hearing back from you.
This is awesome! It would be great if you added optional text on top of the foreground: "Text" or something, which could be colored independently, much like you do for foreground/background. I would like to be able to test text colors against background colors.
Thank you for such a great tool!
What license is your code released under? Could I use your code to write a similar color picker with sliders?
I was thinking idly about making a slider-based color picker for the HUSL color space, to complement that site’s current slider-and-map picker. Then I remembered that I like the interface of your site very much, and you link to its code in the footer. But I don’t see any license for your code in this repository. Could I, for example, make a clone of your site at huslpicker.com
that used the HUSL color model, if the clone credited you as the creator of the interface? What if I used only components of your code to enhance the existing picker on the HUSL site?
I would expect HSL Color Picker’s license to either be stated in the README, or in a file LICENSE
at the root of the repo.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.