For the colours you are basically working with CSS, you can literally use "red"
instead of "#AB2328"
if it helps.
To make your input smoother you could use:
let Input = {};
document.addEventListener("keydown", function (e) {
e = e || window.event;
Input[e.keyCode] = true;
Input[e.key.toString().toUpperCase()] = true;
});
document.addEventListener("keyup", function (e) {
e = e || window.event;
Input[e.keyCode] = false;
Input[e.key.toString().toUpperCase()] = false;
});
Then whenever you want to check if a key is pressed you can do:
Input.KEY: e.g. Input.W - 'W' key
Input[keyCode]: e.g. Input[38] - 'Up arrow' key
For example:
if (Input.W || Input[38]) {
console.log("W or Up Arrow is pressed!");
}
Hope this helps :)