andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #204 from kutsan/hex-to-rgb

Browse Source 
Update Hexcode to RGB function with bitwise version
This commit is contained in:
Angelos Chalaris
2017-12-17 12:09:07 +02:00
committed by GitHub
parent 80cd011cd0 5dac2f2bbc
commit f94b4b44d7
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
snippets/hexcode-to-RGB.md
View File

@ -1,8 +1,11 @@
### Hexcode to RGB ### Hexcode to RGB
Use `Array.slice()`, `Array.map()` and `match()` to convert a hexadecimal colorcode (prefixed with `#`) to a string with the RGB values. Use bitwise right-shift operator and mask bits with `&` (and) operator to convert a hexadecimal color code (prefixed with `#`) to a string with the RGB values.
```js ```js
const hexToRgb = hex => `rgb(${hex.slice(1).match(/.{2}/g).map(x => parseInt(x, 16)).join()})` const hexToRgb = hex => {
// hexToRgb('#27ae60') -> 'rgb(39,174,96)' const h = parseInt(hex.slice(1), 16);
return `rgb(${h >> 16}, ${(h & 0x00ff00) >> 8}, ${h & 0x0000ff})`;
}
// hexToRgb('#27ae60') -> 'rgb(39, 174, 96)'
``` ```