Skip to content

Instantly share code, notes, and snippets.

@nilz3ro

nilz3ro/darken-by-percentage.js

Last active November 8, 2017 16:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nilz3ro/20d5a6ed31402729c934304795da0cb6 to your computer and use it in GitHub Desktop.
Save nilz3ro/20d5a6ed31402729c934304795da0cb6 to your computer and use it in GitHub Desktop.
Download ZIP
Darken Hex Colors by percentage as a JS one-liner 😎
Raw
darken-by-percentage.js
import { chunk } from 'lodash';
const darkenByPercentage = (hexString, percent) =>
chunk(hexString.substr(1).split(''), 2)
.reduce((memo, pair) => [...memo, `0x${pair.join('')}`], '')
.map(Number)
.map(digit => digit - Math.ceil(digit * (percent / 100)))
.reduce((memo, digit) => `${memo}${digit.toString(16)}`, '#');
// darkenByPercentage('#ffffff', 20);
// => '#cccccc'
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment