Pickr - An Awesome Color Picker for your next Project!

skl.sh/designcourse24 - First 500 people to sign up will get their first 2 months free!
designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- Today, I'm going to show you how to install and use Pickr, which is an insanely simple (but highly customizable) color picker! It's very easy to get up and running, and I will show you how to actually do something with the color picker (by changing the background color of a div, for instance!).
github.com/Simonwep/pickr
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Coursetro.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

Enjoy? Sub up already!

[@geoffjames992]

Great tipoff on the color picker, Gary! Good find, and nice tutorial (as always).
Going to need something like this in a near-future project I'll be building, so this definitely came at the right time 👊😎

[@LiooRyuuguu]

Nice, I am actually currently working on a project where I need a color picker at some point. What a nice coincidence that you just hit with a video on that topic ^^

[@titus7770]

Lmao I thought this was a video on like a color picker that would create a pallet or something but I was damn wrong.

[@MultiMigh]

Spent an hour or so fooling around with color-picker for the first time for a project that requires one, I take a break, hop on youtube, and recommendations show you uploaded that video 5 hours ago. That's some next level coincidence here!

[@riverside2563]

Hmm... Very simple and Very powerful plugin. Thank you

[@VitruvianAlgo]

its weird how you seem to always pick nuanced video titles that covers critical small parts of my projects. thanx man! i appreciate.

[@altb3272]

Thank you very much!

[@farhangmdc]

Thanks for sharing. :)

[@NeonDynamics]

Best teacher

[@mustafaalfar7936]

I've tried to use it in my React App. However I can't implement it.
Could you give us the way ?

[@steveringwood2224]

Thanks for the video. You can simplify setting the background color to
panel.style.backgroundColor = color.toString();

[@asmashaikh3728]

Very good video!! Thanks for sharing!! Gary, do you have any live example of its usage? 😋

[@DesignCourse]

Their github has a demo link available. Github url is in the desc. of this video.

[@asmashaikh3728]

@@DesignCourse thanks for your answer!! I have another question not related to this video.It is about a project I am working on. Can I ask it here or some other platform?

[@bicksonning7345]

How can I change both background color and font color using this colorpicker?

[@TechyRajputYT]

can i use this in my project. is it produce cross domain script security issue??

[@AllenMarsam]

thanks^^

[@charlenep.2718]

I am getting this error: pickr.js:222 Uncaught TypeError: Cannot read properties of null (reading 'parentNode')
at r._finalBuild (pickr.js:222:20)
at new e (pickr.js:128:14)
at Function.create (pickr.js:176:32)
at index.html:48:29
What is the solution? Thanks

[@maliktube]

when i am refreshing my browser the color gets change to orange as i did first in css. Please help me related to that

[@BrewskaySA]

Dude, that transition was so freaking cool!!! I have to know how you did that???? at the @1:31 min mark

[@DesignCourse]

I bought a transition from videohive.net, modified it to work with my vMix software. So, whenever I hit a side mouse button while recording live, the transition shows and directs to my desktop feed (and vice versa).

[@BrewskaySA]

@@DesignCourse Oh thats cool work smart not hard eh? I will check videohive out too then. Thanks for the hot tip!

[@AndresDiaz-jg5ib]

Buena pai 👏

[@manpreetkaur-cf2wj]

how to create dynamically logo color change tool?

[@robertmaracine3126]

Yay

[@danny-gz8if]

Lol... im from your pc part picker post.

[@arnabdas7145]

can do the same ?? :-/

[@Rassy_]

Didn't know that , although its very 1980 ish :)

[@fashionnova3298]

u can also use html-color-code.com

[@maxwalter6265]

Yo iro.js.org is something you should check out!

[@vladimir_dev]

Let's hear all the Slavic people giggling because of the name :D

[@johnmarkranches161]

[eb349b] Thanks