Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

javascript get black or white text base on color

function pickTextColorBasedOnBgColorAdvanced(bgColor, lightColor, darkColor) {
  var color = (bgColor.charAt(0) === '#') ? bgColor.substring(1, 7) : bgColor;
  var r = parseInt(color.substring(0, 2), 16); // hexToR
  var g = parseInt(color.substring(2, 4), 16); // hexToG
  var b = parseInt(color.substring(4, 6), 16); // hexToB
  var uicolors = [r / 255, g / 255, b / 255];
  var c = uicolors.map((col) => {
    if (col <= 0.03928) {
      return col / 12.92;
    }
    return Math.pow((col + 0.055) / 1.055, 2.4);
  });
  var L = (0.2126 * c[0]) + (0.7152 * c[1]) + (0.0722 * c[2]);
  return (L > 0.179) ? darkColor : lightColor;
}
Comment

PREVIOUS NEXT
Code Example
Javascript :: remove object from array by name javascript 
Javascript :: html2canvas reduce image size 
Javascript :: Conflicting peer dependency: react@18.0.0 npm WARN node_modules/react 
Javascript :: fetching data with react 
Javascript :: Redirect to any page after 5 seconds in Javascript 
Javascript :: how to validate phone number regex javascript 
Javascript :: for of loop js 
Javascript :: format javascript date 
Javascript :: cm to feet javascript 
Javascript :: javascript count character in string 
Javascript :: get the value of css pseudo properties js 
Javascript :: aes 256 nodejs 
Javascript :: sum all values of an array 
Javascript :: call json api javascript 
Javascript :: javascript fromEntries 
Javascript :: Getting Error 404 while running npm install create-react-app 
Javascript :: check checkbox by jquery 
Javascript :: add class in element on scroll 
Javascript :: VueJS - check strings is includes in vuejs 
Javascript :: react testing for links 
Javascript :: redux toolkit with redux persist 
Javascript :: express send code 
Javascript :: how to get type of variable in javascript 
Javascript :: how to display image before upload in jhtml 
Javascript :: Get the index of an Object in an Array in JavaScript 
Javascript :: jquery detect shift tab 
Javascript :: export data in json format in javascript 
Javascript :: condition inner populate mongoose 
Javascript :: javascript remove object key 
Javascript :: document cookies javascript 
ADD CONTENT
Topic
Content
Source link
Name
3+7 =