scrimba
JS color tool
Convert Hex Color to RGB
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

AboutCommentsNotes
Convert Hex Color to RGB
Expand for more info
index.js
run
preview
console
const hexInput = document.getElementById('hexInput');
const inputColor = document.getElementById('inputColor');

hexInput.addEventListener('keyup', () => {

const hex = hexInput.value;
if(!isValidHex(hex)) return;

const strippedHex = hex.replace('#', '');

inputColor.style.backgroundColor = "#" + strippedHex;
})

const isValidHex = (hex) => {
if(!hex) return false;

const strippedHex = hex.replace('#', '');
return strippedHex.length === 3 || strippedHex.length === 6;
}

//Create a function to convert Hex to RGB
//this should work with 3 or 6 character hex values
//Hint - useParseInt(16) to convert a hex value to a decimal value
//should return an object with 3 properties - r,g, and b
//Test your function with a few different use cases

Console
/index.html
-6:46