rgb to hex conversion in JavaScript

-

A handy function to convert rgb colors to hex in JavaScript
parameters: red, blue, green values.
returns a hex string which is 7 characters long including the hash

function toHex(r, b, g) {
return "#" + [r, b, g].map(param => {
var hex = Number(param).toString(16)
return (hex.length < 2) ? '0' + hex : hex
}).join('')
}

For instance  toHex(0, 0, 0)
// returns #000000

Comments

Post a Comment

Popular posts from this blog

Animated sky on HTML5 Canvas

-
Image
So far I've added a new bunch of clouds, some stars and a phase changing moon' As the number of Clouds increased i cursed them into an Array and created two more Obstacles the Moon and Stars Here's progress. (Extended preview) In extended preview i added trees and buildings. (everything is drawn programmatically without using static Images)
Read more

Solutions to blocked URLs on Facebook

-
Facebook allows sharing links on it's platform but in order to protect it's users from accessing URLs containing malicious content Facebook on a regular scraps content on shared URLs effectively raising an alarm if content shared goes against Facebook community standards or in short it's content is forbidden on the Facebook platform, Forbidden content may include potentially malicious crafted phishing websites or websites spreading malware among others Facebook may as well ban content flagged spam either reported or flagged by Facebook moderating algorithm "Facebook sheriff" You wouldn't want to find your website 'spam-list handed' you should avoid that There's no way to redeem a website flagged as a blocked website on Facebook except other non viable alternates such as completely changing your domain or using another sub-domain Facebook may as well ban content containing banned URLs in the meta open graph attributes To resolve open-graph sha...
Read more

Lexer and tokenizer for robots.txt in JavaScript

-
Introduction I'm sharing how i made lexer and tokenizer for robots.txt in JavaScript Reasons and motives I'm using it in the Nodejs environment of course so it's server side it's part of another project I'm doing. How it's done robots.txt files contain one directive per line inform of Key: value Take for instance User-agent: Googlebot/{version} Disallow: {path} Path the disallowed location it may included wildcards ie "*" or "/" its not a good idea to consume them raw without validation And version number is ignored to make targeting bots easy i guess Steps taken by the lexer Splitting text into an array containing data from the robots.txt file line by line given it's provided with an input looking like this User-agent: Googlebot/{version} Disallow: {path} It may return something that's like this [User-agent: Googlebot/{version}, Disallow: {path}] Almost there. after that next step is to remove c...
Read more

How to interpolate strings in Kotlin programming language

-
Image
Kotlin programming language has string interpolation similar to template literals in JavaScript For JavaScript You can write as; var passage = `I'm going todo a ${chore}` In Kotlin you can do string interpolation as; var passage = "I'm going todo a $chore" Interpolating expressions in kotlin is done as; var state = "I'm done with ${numChores()} chores"
Read more

How to target all elements of a given class name in JavaScript

-
JavaScript getByClassName only targets one element by default Workarounds  "loops " Loops can mess up your code I personally don't like them. To target all elements you will have to iterate through all of them for each element you will have to add a event listener Example For instance the are 3 links of a same class and you want to add event listeners on all of them .... .... .... // JavaScript const links = document.getByClassName("links") for(var i = 0; i < links.length; i++) links[i].addEventListener('click', event => console.log(event.target.get attribute('class')))
Read more