Generate a random hex color code in JavaScript
Learn how to generate a random hexadecimal color code with a few lines of JavaScript.
Colors in JavaScript
Working with color in JavaScript requires some understanding of color formats and conversions. This snippet collection covers a lot of those needs from generating random color hex codes to converting between hex and RGB values and even some more advanced tricks like using the HSL format to alter the lightness of a color.
-
JavaScript · -
JavaScript · How can I convert between hexadecimal, RGB, HSL and HSB color formats in JavaScript?
Learn how to easily convert between the various color formats, using JavaScript and a few simple formulas.
-
JavaScript · How can I extend a 3-digit color code to a 6-digit color code in JavaScript?
Learn how to convert a 3-digit RGB notated hexadecimal color-code to the 6-digit form.
-
JavaScript · Change color lightness using JavaScript
Learn how to change the lightness component of an
hsl()color string using JavaScript. -
JavaScript · Convert an RGB color string to a JavaScript array or object
Easily convert an
rgb()color string to an array of values or an object with the values of each color. -
JavaScript · Convert an HSL color string to a JavaScript array or object
Easily convert an
hsl()color string to an array of values or an object with the values of each color.