nc22 / kellyc-color-picker Goto Github PK

Thank you very much for this great color picker. Because I am just a noob in html, css and js I don't know how to get the current color showed. Like as example in the picture, how do I get the selected color showed under the text? And at the same time change the text "Select a Color" in a Hex format like "#dcdcdc"

Sorry for the noob question. Like you, English not my native language but I guess it's better to ask than to fiddling a long time without any luck. Any way thanks again.

The color-picker is a fine little tool and it would be nice if you could license it. This way I anyone could use your code without the fear of legal issues. I would recommend the MIT license wich gives the user almost all rights.

how can i get that color code in code

where can i find the fuction of that label that change color

This color picker seems great, except missing option for transparency, would be possible to add a transparency slider?

I need more than one color picker on the same page, with only one active at the time. However, each new picker sets the color to all the previous ones at the same time.

Maybe an example will be more understandable: Click on a and select a color for a, then press b and select a color for b : it will assign the same color to a and b.

<input id="a" onclick="edit(event)" value="#ff0000">
<input id="b" onclick="edit(event)" value="#ffff00">
<canvas id="canvas"></canvas>
<script src="lib/html5kellycolorpicker.min.js"></script>
<script>
edit = (event)=>{
	var k = new KellyColorPicker({ 
		place : 'canvas',    
		input : event.target,  
		color : event.target.innerHTML,
		userEvents : { change : function(self) {
			if(self.getCurColorHsv().v < 0.5)
				self.getInput().style.color = "#FFF";
			else
				self.getInput().style.color = "#000";
			self.getInput().style.background = self.getCurColorHex();   
		}
	}});
}
</script>

Hi,

Chrome Version 103.0.5060.134 (Offizieller Build) (64-Bit).

On mouseup or mousemove the circle is disappearing in the current version of chrome maybe someone can check.
It worked well in former times/versions also it still works using Firefox.

Better have websit , the websit is project demo ;

Greetings!
I'm trying to make a gradient like this in ue4 materials.
On the left is my result, which I achieved by changing the texture coordinates but the result is not very accurate, on the right is Photoshop.
Is there a formula to get this gradient?

https://realtimevfx.com/uploads/default/original/3X/0/6/06cb324ed2490aa73ee257e1fd9bf0939325ec60.jpeg

Could you explain how you did it in your code?