Fetch hex codes of paint colours from Farrow & Ball https://www.farrow-ball.com/paint-colours

farrowAndBall.js

let tiles = document.body.querySelectorAll('.product-tile--paint');

let colors = [];

var matchRGB = /rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)/;
function rgbToHex(r, g, b) {
  return '#' + ((1 << 24) | (r << 16) | (g << 8) | b).toString(16).slice(1);
}

Array.from(tiles).forEach((tile) => {
  const link = tile.children[0].getAttribute('href');
  let [name, number] = tile
    .querySelector('.product-tile__title')
    .innerText.split('\n');
  number = number.slice(4);
  let color = tile.querySelector('.product-tile__inner').style.backgroundColor;
  console.log(matchRGB.exec(color));
  const hex = rgbToHex(...matchRGB.exec(color).slice(1));

  colors.push({ name, number, link, hex });
});

console.log(colors);

[
  {
    name: 'Lime White',
    number: '1',
    link: 'https://www.farrow-ball.com/paint-colours/lime-white',
    hex: '#e8dec9',
  },
  {
    name: 'Off-White',
    number: '3',
    link: 'https://www.farrow-ball.com/paint-colours/off-white',
    hex: '#e0d5be',
  },
  {
    name: 'Old White',
    number: '4',
    link: 'https://www.farrow-ball.com/paint-colours/old-white',
    hex: '#cfc3ad',
  },
  {
    name: 'Hardwick White',
    number: '5',
    link: 'https://www.farrow-ball.com/paint-colours/hardwick-white',
    hex: '#b5afa0',
  },
  {
    name: 'London Stone',
    number: '6',
    link: 'https://www.farrow-ball.com/paint-colours/london-stone',
    hex: '#b6a38f',
  },
  {
    name: 'String',
    number: '8',
    link: 'https://www.farrow-ball.com/paint-colours/string',
    hex: '#ddcdae',
  },
  {
    name: 'Bone',
    number: '15',
    link: 'https://www.farrow-ball.com/paint-colours/bone',
    hex: '#cec3ad',
  },
  {
    name: 'Cord',
    number: '16',
    link: 'https://www.farrow-ball.com/paint-colours/cord',
    hex: '#d6c39e',
  },
  {
    name: 'Light Gray',
    number: '17',
    link: 'https://www.farrow-ball.com/paint-colours/light-gray',
    hex: '#b4a693',
  },
  {
    name: 'French Gray',
    number: '18',
    link: 'https://www.farrow-ball.com/paint-colours/french-gray',
    hex: '#b5b19a',
  },
  {
    name: 'Lichen',
    number: '19',
    link: 'https://www.farrow-ball.com/paint-colours/lichen',
    hex: '#a1a189',
  },
  {
    name: 'Light Blue',
    number: '22',
    link: 'https://www.farrow-ball.com/paint-colours/light-blue',
    hex: '#b8bcb5',
  },
  {
    name: 'Pigeon',
    number: '25',
    link: 'https://www.farrow-ball.com/paint-colours/pigeon',
    hex: '#a1a093',
  },
  {
    name: 'Down Pipe',
    number: '26',
    link: 'https://www.farrow-ball.com/paint-colours/down-pipe',
    hex: '#626664',
  },
  {
    name: 'Parma Gray',
    number: '27',
    link: 'https://www.farrow-ball.com/paint-colours/parma-gray',
    hex: '#b2bfc5',
  },
  {
    name: 'Dead Salmon',
    number: '28',
    link: 'https://www.farrow-ball.com/paint-colours/dead-salmon',
    hex: '#b49d8d',
  },
  {
    name: 'Hague Blue',
    number: '30',
    link: 'https://www.farrow-ball.com/paint-colours/hague-blue',
    hex: '#3d4e57',
  },
  {
    name: 'Railings',
    number: '31',
    link: 'https://www.farrow-ball.com/paint-colours/railings',
    hex: '#45484b',
  },
  {
    name: 'Cooking Apple Green',
    number: '32',
    link: 'https://www.farrow-ball.com/paint-colours/cooking-apple-green',
    hex: '#c4c6a5',
  },
  {
    name: 'Calke Green',
    number: '34',
    link: 'https://www.farrow-ball.com/paint-colours/calke-green',
    hex: '#768769',
  },
  {
    name: 'Hay',
    number: '37',
    link: 'https://www.farrow-ball.com/paint-colours/hay',
    hex: '#dfc795',
  },
  {
    name: "Mouse's Back",
    number: '40',
    link: 'https://www.farrow-ball.com/paint-colours/mouses-back',
    hex: '#998976',
  },
  {
    name: 'Picture Gallery Red',
    number: '42',
    link: 'https://www.farrow-ball.com/paint-colours/picture-gallery-red',
    hex: '#a15a4d',
  },
  {
    name: 'Eating Room Red',
    number: '43',
    link: 'https://www.farrow-ball.com/paint-colours/eating-room-red',
    hex: '#8f4e4d',
  },
  {
    name: 'Green Smoke',
    number: '47',
    link: 'https://www.farrow-ball.com/paint-colours/green-smoke',
    hex: '#737c70',
  },
  {
    name: 'Sudbury Yellow',
    number: '51',
    link: 'https://www.farrow-ball.com/paint-colours/sudbury-yellow',
    hex: '#dcb771',
  },
  {
    name: 'Off-Black',
    number: '57',
    link: 'https://www.farrow-ball.com/paint-colours/off-black',
    hex: '#444546',
  },
  {
    name: 'New White',
    number: '59',
    link: 'https://www.farrow-ball.com/paint-colours/new-white',
    hex: '#f5e8d0',
  },
  {
    name: 'Red Earth',
    number: '64',
    link: 'https://www.farrow-ball.com/paint-colours/red-earth',
    hex: '#c57b67',
  },
  {
    name: 'India Yellow',
    number: '66',
    link: 'https://www.farrow-ball.com/paint-colours/india-yellow',
    hex: '#cb9e59',
  },
  {
    name: "Farrow's Cream",
    number: '67',
    link: 'https://www.farrow-ball.com/paint-colours/farrows-cream',
    hex: '#efdbb3',
  },
  {
    name: 'Dorset Cream',
    number: '68',
    link: 'https://www.farrow-ball.com/paint-colours/dorset-cream',
    hex: '#efd5a1',
  },
  {
    name: 'Citron',
    number: '74',
    link: 'https://www.farrow-ball.com/paint-colours/citron',
    hex: '#f5d27b',
  },
  {
    name: 'Ball Green',
    number: '75',
    link: 'https://www.farrow-ball.com/paint-colours/ball-green',
    hex: '#bcb596',
  },
  {
    name: 'Card Room Green',
    number: '79',
    link: 'https://www.farrow-ball.com/paint-colours/card-room-green',
    hex: '#899081',
  },
  {
    name: 'Breakfast Room Green',
    number: '81',
    link: 'https://www.farrow-ball.com/paint-colours/breakfast-room-green',
    hex: '#94a68a',
  },
  {
    name: 'Dix Blue',
    number: '82',
    link: 'https://www.farrow-ball.com/paint-colours/dix-blue',
    hex: '#99b0ab',
  },
  {
    name: 'Green Blue',
    number: '84',
    link: 'https://www.farrow-ball.com/paint-colours/green-blue',
    hex: '#adbdb2',
  },
  {
    name: 'Oval Room Blue',
    number: '85',
    link: 'https://www.farrow-ball.com/paint-colours/oval-room-blue',
    hex: '#8b9d9b',
  },
  {
    name: 'Stone Blue',
    number: '86',
    link: 'https://www.farrow-ball.com/paint-colours/stone-blue',
    hex: '#7997a1',
  },
  {
    name: 'Lamp Room Gray',
    number: '88',
    link: 'https://www.farrow-ball.com/paint-colours/lamp-room-gray',
    hex: '#b2b1a9',
  },
  {
    name: 'Lulworth Blue',
    number: '89',
    link: 'https://www.farrow-ball.com/paint-colours/lulworth-blue',
    hex: '#a1b8ca',
  },
  {
    name: 'Blue Gray',
    number: '91',
    link: 'https://www.farrow-ball.com/paint-colours/blue-gray',
    hex: '#b4b4a3',
  },
  {
    name: 'Studio Green',
    number: '93',
    link: 'https://www.farrow-ball.com/paint-colours/studio-green',
    hex: '#464c49',
  },
  {
    name: 'Shaded White',
    number: '201',
    link: 'https://www.farrow-ball.com/paint-colours/shaded-white',
    hex: '#d9d2c1',
  },
  {
    name: 'Pink Ground',
    number: '202',
    link: 'https://www.farrow-ball.com/paint-colours/pink-ground',
    hex: '#efd6c7',
  },
  {
    name: 'Tallow',
    number: '203',
    link: 'https://www.farrow-ball.com/paint-colours/tallow',
    hex: '#fdedd7',
  },
  {
    name: 'Pale Powder',
    number: '204',
    link: 'https://www.farrow-ball.com/paint-colours/pale-powder',
    hex: '#d9dcd2',
  },
  {
    name: 'Skylight',
    number: '205',
    link: 'https://www.farrow-ball.com/paint-colours/skylight',
    hex: '#ccd0cd',
  },
  {
    name: 'Green Ground',
    number: '206',
    link: 'https://www.farrow-ball.com/paint-colours/green-ground',
    hex: '#dbdab6',
  },
  {
    name: 'Blue Ground',
    number: '210',
    link: 'https://www.farrow-ball.com/paint-colours/blue-ground',
    hex: '#a1c5c8',
  },
  {
    name: 'Stony Ground',
    number: '211',
    link: 'https://www.farrow-ball.com/paint-colours/stony-ground',
    hex: '#cec1ad',
  },
  {
    name: 'Arsenic',
    number: '214',
    link: 'https://www.farrow-ball.com/paint-colours/arsenic',
    hex: '#84b59c',
  },
  {
    name: 'Rectory Red',
    number: '217',
    link: 'https://www.farrow-ball.com/paint-colours/rectory-red',
    hex: '#a53c49',
  },
  {
    name: 'Yellow Ground',
    number: '218',
    link: 'https://www.farrow-ball.com/paint-colours/yellow-ground',
    hex: '#f2cf86',
  },
  {
    name: 'Brinjal',
    number: '222',
    link: 'https://www.farrow-ball.com/paint-colours/brinjal',
    hex: '#5d3b42',
  },
  {
    name: 'Babouche',
    number: '223',
    link: 'https://www.farrow-ball.com/paint-colours/babouche',
    hex: '#ecc363',
  },
  {
    name: "Joa's White",
    number: '226',
    link: 'https://www.farrow-ball.com/paint-colours/joas-white',
    hex: '#decfb9',
  },
  {
    name: 'Cornforth White',
    number: '228',
    link: 'https://www.farrow-ball.com/paint-colours/cornforth-white',
    hex: '#d1cbc3',
  },
  {
    name: "Elephant's Breath",
    number: '229',
    link: 'https://www.farrow-ball.com/paint-colours/elephants-breath',
    hex: '#ccbfb3',
  },
  {
    name: 'Calamine',
    number: '230',
    link: 'https://www.farrow-ball.com/paint-colours/calamine',
    hex: '#e6d1cb',
  },
  {
    name: 'Setting Plaster',
    number: '231',
    link: 'https://www.farrow-ball.com/paint-colours/setting-plaster',
    hex: '#dfc2af',
  },
  {
    name: 'Dayroom Yellow',
    number: '233',
    link: 'https://www.farrow-ball.com/paint-colours/dayroom-yellow',
    hex: '#f7e29d',
  },
  {
    name: 'Vert De Terre',
    number: '234',
    link: 'https://www.farrow-ball.com/paint-colours/vert-de-terre',
    hex: '#babba5',
  },
  {
    name: 'Borrowed Light',
    number: '235',
    link: 'https://www.farrow-ball.com/paint-colours/borrowed-light',
    hex: '#d5dbdb',
  },
  {
    name: "Teresa's Green",
    number: '236',
    link: 'https://www.farrow-ball.com/paint-colours/teresas-green',
    hex: '#c0cdc2',
  },
  {
    name: "Cook's Blue",
    number: '237',
    link: 'https://www.farrow-ball.com/paint-colours/cooks-blue',
    hex: '#6a90b4',
  },
  {
    name: 'Wimborne White',
    number: '239',
    link: 'https://www.farrow-ball.com/paint-colours/wimborne-white',
    hex: '#f7f3e8',
  },
  {
    name: 'Skimming Stone',
    number: '241',
    link: 'https://www.farrow-ball.com/paint-colours/skimming-stone',
    hex: '#dfd6cb',
  },
  {
    name: 'Pavilion Gray',
    number: '242',
    link: 'https://www.farrow-ball.com/paint-colours/pavilion-gray',
    hex: '#c8c3bc',
  },
  {
    name: 'Charleston Gray',
    number: '243',
    link: 'https://www.farrow-ball.com/paint-colours/charleston-gray',
    hex: '#9f9389',
  },
  {
    name: 'London Clay',
    number: '244',
    link: 'https://www.farrow-ball.com/paint-colours/london-clay',
    hex: '#786963',
  },
  {
    name: 'Middleton Pink',
    number: '245',
    link: 'https://www.farrow-ball.com/paint-colours/middleton-pink',
    hex: '#fde7e5',
  },
  {
    name: 'Cinder Rose',
    number: '246',
    link: 'https://www.farrow-ball.com/paint-colours/cinder-rose',
    hex: '#c7a4a6',
  },
  {
    name: 'Incarnadine',
    number: '248',
    link: 'https://www.farrow-ball.com/paint-colours/incarnadine',
    hex: '#a04344',
  },
  {
    name: 'Pelt',
    number: '254',
    link: 'https://www.farrow-ball.com/paint-colours/pelt',
    hex: '#50414c',
  },
  {
    name: "Tanner's Brown",
    number: '255',
    link: 'https://www.farrow-ball.com/paint-colours/tanners-brown',
    hex: '#4d4746',
  },
  {
    name: 'Pitch Black',
    number: '256',
    link: 'https://www.farrow-ball.com/paint-colours/pitch-black',
    hex: '#3b3938',
  },
  {
    name: 'Oxford Stone',
    number: '264',
    link: 'https://www.farrow-ball.com/paint-colours/oxford-stone',
    hex: '#d6c2ac',
  },
  {
    name: 'Manor House Gray',
    number: '265',
    link: 'https://www.farrow-ball.com/paint-colours/manor-house-gray',
    hex: '#a2a29d',
  },
  {
    name: 'Mizzle',
    number: '266',
    link: 'https://www.farrow-ball.com/paint-colours/mizzle',
    hex: '#c0c2b3',
  },
  {
    name: 'Dove Tale',
    number: '267',
    link: 'https://www.farrow-ball.com/paint-colours/dove-tale',
    hex: '#bbb1ab',
  },
  {
    name: "Charlotte's Locks",
    number: '268',
    link: 'https://www.farrow-ball.com/paint-colours/charlottes-locks',
    hex: '#d65f3d',
  },
  {
    name: 'Cabbage White',
    number: '269',
    link: 'https://www.farrow-ball.com/paint-colours/cabbage-white',
    hex: '#e8eeea',
  },
  {
    name: 'Calluna',
    number: '270',
    link: 'https://www.farrow-ball.com/paint-colours/calluna',
    hex: '#ccc8ce',
  },
  {
    name: 'Brassica',
    number: '271',
    link: 'https://www.farrow-ball.com/paint-colours/brassica',
    hex: '#8d8089',
  },
  {
    name: 'Plummett',
    number: '272',
    link: 'https://www.farrow-ball.com/paint-colours/plummett',
    hex: '#8d8d8b',
  },
  {
    name: 'Wevet',
    number: '273',
    link: 'https://www.farrow-ball.com/paint-colours/wevet',
    hex: '#eee9e7',
  },
  {
    name: 'Ammonite',
    number: '274',
    link: 'https://www.farrow-ball.com/paint-colours/ammonite',
    hex: '#ddd8cf',
  },
  {
    name: 'Purbeck Stone',
    number: '275',
    link: 'https://www.farrow-ball.com/paint-colours/purbeck-stone',
    hex: '#c4beb4',
  },
  {
    name: "Mole's Breath",
    number: '276',
    link: 'https://www.farrow-ball.com/paint-colours/moles-breath',
    hex: '#8b857f',
  },
  {
    name: 'Dimpse',
    number: '277',
    link: 'https://www.farrow-ball.com/paint-colours/dimpse',
    hex: '#d9d8d3',
  },
  {
    name: "Nancy's Blushes",
    number: '278',
    link: 'https://www.farrow-ball.com/paint-colours/nancys-blushes',
    hex: '#ecb7b8',
  },
  {
    name: 'Stiffkey Blue',
    number: '281',
    link: 'https://www.farrow-ball.com/paint-colours/stiffkey-blue',
    hex: '#4d5b6a',
  },
  {
    name: 'Shadow White',
    number: '282',
    link: 'https://www.farrow-ball.com/paint-colours/shadow-white',
    hex: '#ded8c6',
  },
  {
    name: 'Drop Cloth',
    number: '283',
    link: 'https://www.farrow-ball.com/paint-colours/drop-cloth',
    hex: '#c9beab',
  },
  {
    name: 'Worsted',
    number: '284',
    link: 'https://www.farrow-ball.com/paint-colours/worsted',
    hex: '#a59f97',
  },
  {
    name: 'Cromarty',
    number: '285',
    link: 'https://www.farrow-ball.com/paint-colours/cromarty',
    hex: '#cfcec0',
  },
  {
    name: 'Peignoir',
    number: '286',
    link: 'https://www.farrow-ball.com/paint-colours/peignoir',
    hex: '#d6c8c3',
  },
  {
    name: 'Yeabridge Green',
    number: '287',
    link: 'https://www.farrow-ball.com/paint-colours/yeabridge-green',
    hex: '#919f70',
  },
  {
    name: 'Vardo',
    number: '288',
    link: 'https://www.farrow-ball.com/paint-colours/vardo',
    hex: '#427e83',
  },
  {
    name: 'Inchyra Blue',
    number: '289',
    link: 'https://www.farrow-ball.com/paint-colours/inchyra-blue',
    hex: '#586768',
  },
  {
    name: 'School House White',
    number: '291',
    link: 'https://www.farrow-ball.com/paint-colours/school-house-white',
    hex: '#e6dfd1',
  },
  {
    name: 'Treron',
    number: '292',
    link: 'https://www.farrow-ball.com/paint-colours/treron',
    hex: '#8b8a77',
  },
  {
    name: 'Jitney',
    number: '293',
    link: 'https://www.farrow-ball.com/paint-colours/jitney',
    hex: '#c4b2a2',
  },
  {
    name: 'Paean Black',
    number: '294',
    link: 'https://www.farrow-ball.com/paint-colours/paean-black',
    hex: '#494248',
  },
  {
    name: 'Sulking Room Pink',
    number: '295',
    link: 'https://www.farrow-ball.com/paint-colours/sulking-room-pink',
    hex: '#a0837f',
  },
  {
    name: 'Rangwali',
    number: '296',
    link: 'https://www.farrow-ball.com/paint-colours/rangwali',
    hex: '#bf7a8f',
  },
  {
    name: 'Preference Red',
    number: '297',
    link: 'https://www.farrow-ball.com/paint-colours/preference-red',
    hex: '#6d4247',
  },
  {
    name: 'Bancha',
    number: '298',
    link: 'https://www.farrow-ball.com/paint-colours/bancha',
    hex: '#686a47',
  },
  {
    name: 'De Nimes',
    number: '299',
    link: 'https://www.farrow-ball.com/paint-colours/de-nimes',
    hex: '#6a7c80',
  },
  {
    name: 'Stirabout',
    number: '300',
    link: 'https://www.farrow-ball.com/paint-colours/Stirabout',
    hex: '#d9cfc2',
  },
  {
    name: 'Eddy',
    number: '301',
    link: 'https://www.farrow-ball.com/paint-colours/Eddy',
    hex: '#caccba',
  },
  {
    name: 'Tailor Tack',
    number: '302',
    link: 'https://www.farrow-ball.com/paint-colours/Tailor-Tack',
    hex: '#f4e7dd',
  },
  {
    name: 'Templeton Pink',
    number: '303',
    link: 'https://www.farrow-ball.com/paint-colours/Templeton-Pink',
    hex: '#cdb19d',
  },
  {
    name: 'Bamboozle',
    number: '304',
    link: 'https://www.farrow-ball.com/paint-colours/Bamboozle',
    hex: '#a75346',
  },
  {
    name: 'Hopper Head',
    number: '305',
    link: 'https://www.farrow-ball.com/paint-colours/Hopper-Head',
    hex: '#505456',
  },
  {
    name: 'Selvedge',
    number: '306',
    link: 'https://www.farrow-ball.com/paint-colours/Selvedge',
    hex: '#7c8e96',
  },
  {
    name: 'Kittiwake',
    number: '307',
    link: 'https://www.farrow-ball.com/paint-colours/Kittiwake',
    hex: '#98acba',
  },
  {
    name: 'Wine Dark',
    number: '308',
    link: 'https://www.farrow-ball.com/paint-colours/Wine-Dark',
    hex: '#5c6576',
  },
  {
    name: 'Whirlybird',
    number: '309',
    link: 'https://www.farrow-ball.com/paint-colours/Whirlybird',
    hex: '#adbda3',
  },
  {
    name: 'Beverly',
    number: '310',
    link: 'https://www.farrow-ball.com/paint-colours/Beverly',
    hex: '#4c5c4a',
  },
  {
    name: 'Strong White',
    number: '2001',
    link: 'https://www.farrow-ball.com/paint-colours/strong-white',
    hex: '#e5e0db',
  },
  {
    name: 'White Tie',
    number: '2002',
    link: 'https://www.farrow-ball.com/paint-colours/white-tie',
    hex: '#f5ecd9',
  },
  {
    name: 'Pointing',
    number: '2003',
    link: 'https://www.farrow-ball.com/paint-colours/pointing',
    hex: '#f7f1e3',
  },
  {
    name: 'Slipper Satin',
    number: '2004',
    link: 'https://www.farrow-ball.com/paint-colours/slipper-satin',
    hex: '#e8e0d1',
  },
  {
    name: 'All White',
    number: '2005',
    link: 'https://www.farrow-ball.com/paint-colours/all-white',
    hex: '#fbf8f4',
  },
  {
    name: 'Great White',
    number: '2006',
    link: 'https://www.farrow-ball.com/paint-colours/great-white',
    hex: '#e7dedb',
  },
  {
    name: 'Dimity',
    number: '2008',
    link: 'https://www.farrow-ball.com/paint-colours/dimity',
    hex: '#eee3d3',
  },
  {
    name: 'James White',
    number: '2010',
    link: 'https://www.farrow-ball.com/paint-colours/james-white',
    hex: '#ede9d8',
  },
  {
    name: 'Blackened',
    number: '2011',
    link: 'https://www.farrow-ball.com/paint-colours/blackened',
    hex: '#dddbd9',
  },
  {
    name: 'Matchstick',
    number: '2013',
    link: 'https://www.farrow-ball.com/paint-colours/matchstick',
    hex: '#e4d5bc',
  },
  {
    name: 'California Collection: Tar',
    number: 'CC1',
    link: 'https://www.farrow-ball.com/paint-colours/California-Collection-Tar',
    hex: '#535353',
  },
  {
    name: 'California Collection: Sand',
    number: 'CC2',
    link: 'https://www.farrow-ball.com/paint-colours/California-Collection-Sand',
    hex: '#e2d7c1',
  },
  {
    name: 'California Collection: Citrona',
    number: 'CC3',
    link: 'https://www.farrow-ball.com/paint-colours/California-Collection-Citrona',
    hex: '#dbcc7c',
  },
  {
    name: 'California Collection: Palm',
    number: 'CC4',
    link: 'https://www.farrow-ball.com/paint-colours/California-Collection-Palm',
    hex: '#c3cfbb',
  },
  {
    name: 'California Collection: Salt',
    number: 'CC5',
    link: 'https://www.farrow-ball.com/paint-colours/California-Collection-Salt',
    hex: '#e6e4e1',
  },
  {
    name: 'California Collection: Hazy',
    number: 'CC6',
    link: 'https://www.farrow-ball.com/paint-colours/California-Collection-Hazy',
    hex: '#afc2c9',
  },
  {
    name: 'California Collection: Stoke',
    number: 'CC7',
    link: 'https://www.farrow-ball.com/paint-colours/California-Collection-Stoke',
    hex: '#93908a',
  },
  {
    name: 'California Collection: Faded Terracotta',
    number: 'CC8',
    link: 'https://www.farrow-ball.com/paint-colours/California-Collection-Faded-Terracotta',
    hex: '#dfb797',
  },
];