Extend hex value

JavaScript, String · Sep 15, 2020

Extends a 3-digit color code to a 6-digit color code.

Use Array.prototype.map(), String.prototype.split() and Array.prototype.join() to join the mapped array for converting a 3-digit RGB notated hexadecimal color-code to the 6-digit form.
Array.prototype.slice() is used to remove # from string start since it's added once.

const extendHex = shortHex =>
  '#' +
  shortHex
    .slice(shortHex.startsWith('#') ? 1 : 0)
    .split('')
    .map(x => x + x)
    .join('');

extendHex('#03f'); // '#0033ff'
extendHex('05a'); // '#0055aa'

Working with color in JavaScript requires some understanding of color formats and conversions. Luckily, this snippet collection's got you covered.

Collection · 13 snippets

Converts a color code to an rgb() or rgba() string if alpha value is provided.

JavaScript, String · Oct 19, 2020

Converts the values of RGB components to a hexadecimal color code.

JavaScript, String · Nov 3, 2020

Changes the lightness value of an hsl() color string.

JavaScript, String · Oct 31, 2020

More like this