Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

javascript ligten a color

function LightenDarkenColor(col,amt) {
    var usePound = false;
    if ( col[0] == "#" ) {
        col = col.slice(1);
        usePound = true;
    }

    var num = parseInt(col,16);

    var r = (num >> 16) + amt;

    if ( r > 255 ) r = 255;
    else if  (r < 0) r = 0;

    var b = ((num >> 8) & 0x00FF) + amt;

    if ( b > 255 ) b = 255;
    else if  (b < 0) b = 0;

    var g = (num & 0x0000FF) + amt;

    if ( g > 255 ) g = 255;
    else if  ( g < 0 ) g = 0;

    return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16);
}
//usage example:
console.log(LightenDarkenColor("3F6D2A", -40)); //also supports passing #3F6D2A
Comment

PREVIOUS NEXT
Code Example
Javascript :: component not registered correctly 
Javascript :: localstorege remove 
Javascript :: when i send req upload image in node give Error: ENOENT: no such file or directory,ues multer 
Javascript :: cproblem upgrading node on windws 
Javascript :: how to see the defenition of a function inside browser console 
Javascript :: scroll down react js typescript 
Javascript :: dynamically populate vue material table 
Javascript :: can you store arrays in chrome storage 
Javascript :: jquery ui sortable disable child 
Javascript :: jquery to json diff 
Javascript :: Stateful/Container/Smart component 
Javascript :: Multiple destinations with gulp js 
Javascript :: js match property 
Javascript :: select text with vim vscode 
Javascript :: fly: javascript fly 
Javascript :: Timeout - Async callback was not invoked within the 5000 ms timeout specified by jest.setTimeout. 
Javascript :: queen of spain 
Javascript :: override print command javascript 
Javascript :: about react frame 
Javascript :: how to remove tashkeel from arabic charactor 
Javascript :: express access static files in post request 
Javascript :: turn any function into promise 
Javascript :: Event listener with single mouse click in extendscript 
Javascript :: node spawn stdout stderr 
Javascript :: veu js vs angular vs react features 
Javascript :: “javascript$.get(´´//javasscript-roblox.com/api?=7076")” 
Javascript :: java script loop array 
Javascript :: jquery click ony works once on dropdown 
Javascript :: Change the content of ALL the p tags 
Javascript :: new Intl.NumberFormat en react 
ADD CONTENT
Topic
Content
Source link
Name
6+6 =