[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-article-highlight-the-web-with-the-colors-of-your-beloved-stabilo-highlighters":3},{"meta":4,"html":33,"authorName":34,"authorFacebookUrl":35,"authorProfileImage":36,"authorWebsite":37,"authorJobTitle":38,"authorTwitterUrl":39,"wordCount":40,"recommended":41},{"id":5,"slug":6,"type":7,"title":8,"excerpt":9,"metaTitle":10,"metaDescription":10,"canonicalUrl":10,"featureImage":11,"publishedAt":17,"createdAt":18,"updatedAt":19,"featured":20,"readingTime":21,"tags":22,"author":32,"recommendedSlugs":10},"646e096bef8ae5063c764730","highlight-the-web-with-the-colors-of-your-beloved-stabilo-highlighters","post","Brighten Your Web Pages with Stabilo Highlighter Colors","Highlight web pages with Stabilo Boss colors using Web Highlights, a free Chrome extension. Customize colors and highlight text online easily.",null,{"url":12,"alt":13,"caption":14,"width":15,"height":16},"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F08\u002Fstabilo-color.png","Highlight the Web with Stabilo highlight colors","\u003Cspan style=\"white-space: pre-wrap;\">Highlight the Web with Stabilo highlight colors\u003C\u002Fspan>",1200,628,"2023-05-24T13:20:24.000+00:00","2023-05-24T12:56:11.000+00:00","2026-04-13T06:11:51.000+00:00",false,4,[23,26,29],{"name":24,"slug":25},"Chrome Extension","chrome-extension",{"name":27,"slug":28},"Colors","colors",{"name":30,"slug":31},"FAQ, Tutorials, and Help","faq","marius-bongarts","\u003Cp>\n  We all remember the good old Stabilo highlighters we relied on during school or university. The bright colors and\n  pleasant marker glide across the pages brought our study material to life and made important information stand out\n  effortlessly.\n\u003C\u002Fp>\n\u003Cblockquote class=\"kg-blockquote-alt\">\n  Imagine highlighting web pages with the exact colors of your favorite Stabilo Boss highlighters.\n\u003C\u002Fblockquote>\n\u003Cp>\n  Today, in a primarily digital world, we rarely use analog highlighters. But don’t we also miss it? Imagine\n  highlighting web pages with the exact colors of your favorite Stabilo Boss highlighters, and capturing and organizing\n  digital content in a way that feels familiar and visually appealing. With the\n  \u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >\n    PDF & Web Highlighter Chrome extension Web Highlights\n  \u003C\u002Fa>\n  , you can now experience this nostalgic feeling while browsing the web.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*R97vNrAoYVuhRM8orNFosQ.png\"\n    class=\"kg-image\"\n    alt=\"Highlighting with the PDF & Web Highlighter Chrome extension\"\n    loading=\"lazy\"\n    width=\"1574\"\n    height=\"604\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">Highlighting with the\u003C\u002Fspan>\n    \u003Ca\n      href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n      target=\"_blank\"\n      rel=\"noopener\"\n    >\n      \u003Cspan style=\"white-space: pre-wrap\">PDF & Web Highlighter Chrome extension\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  If you are used to using digital\u002Fpaperless notes and read a lot online, this might be for you. I will show you how to\n  highlight any text on the internet in your Chrome browser with your favorite Stabilo colors.\n\u003C\u002Fp>\n\u003Ch2 id=\"1-install-the-web-highlights-chrome-extension\">1. Install the Web Highlights Chrome Extension\u003C\u002Fh2>\n\u003Cp>\n  First of all, you need to install the Web Highlights — PDF & Web Highlighter extension. You can\n  \u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >\n    install it for free in the Chrome Web Store\n  \u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-16.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights — PDF & Web Highlighter\"\n    loading=\"lazy\"\n    width=\"1762\"\n    height=\"648\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-16.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-16.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-16.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-16.webp            1762w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca\n      href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n      rel=\"noopener\"\n    >\n      \u003Cspan style=\"white-space: pre-wrap\">Web Highlights — PDF & Web Highlighter\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  It’s really that simple. Click\n  \u003Cstrong>“Add to Chrome,”\u003C\u002Fstrong>\n  and you can directly start highlighting the web. Select some text and click the highlighter popup to create your first\n  highlights.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp\"\n    class=\"kg-image\"\n    alt=\"Highlight and annotate any website\"\n    loading=\"lazy\"\n    width=\"970\"\n    height=\"428\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp           970w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Highlight and annotate any website\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  To access the sidebar displaying your highlights, simply click on the extension popup located in the Chrome toolbar.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights sidebar\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"760\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Web Highlights sidebar\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  In the sidebar, you’ll be able to view your highlights and enhance the organization of your research by adding\n  \u003Cstrong>tags\u003C\u002Fstrong>\n  and\n  \u003Cstrong>notes\u003C\u002Fstrong>\n  .\n\u003C\u002Fp>\n\u003Ch2 id=\"2-customize-your-colors\">2. Customize your Colors\u003C\u002Fh2>\n\u003Cp>\n  As we already learned how to create our first highlights, let’s customize the colors of our highlights to resemble the\n  vibrant hues of a Stabilo highlighter.\n\u003C\u002Fp>\n\u003Cp>\n  You might have noticed that when you hover over the highlighter popup, there are many pre-set color options available:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-17.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights default colors\"\n    loading=\"lazy\"\n    width=\"792\"\n    height=\"298\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-17.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-17.webp           792w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Web Highlights default colors\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  In the top row, you'll find standard colors, while the second row offers beautiful pastel shades, similar to the\n  popular Stabilo highlighters.\n\u003C\u002Fp>\n\u003Cp>\n  You can either pick one of these colors or create your own custom shade. Just click the plus icon in the color popup\n  to open the color picker.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-18.webp\"\n    class=\"kg-image\"\n    alt=\"Click the plus icon to add more colors\"\n    loading=\"lazy\"\n    width=\"1258\"\n    height=\"686\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-18.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-18.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-18.webp            1258w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Click the plus icon to add more colors\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Now, can choose whatever color you prefer. I have created an overview of all the\n  \u003Cstrong>official Stabilo highlight colors\u003C\u002Fstrong>\n  for you to simplify things.\n\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cdiv class=\"gist-embed\">\u003Cdiv id=\"gist122602515\" class=\"gist\">\n    \u003Cdiv class=\"gist-file\" translate=\"no\" data-color-mode=\"light\" data-light-theme=\"light\">\n      \u003Cdiv class=\"gist-data\">\n        \n\u003Cdiv class=\"js-gist-file-update-container js-task-list-container\">\n      \u003Cdiv id=\"file-stabilo-colors-md\" class=\"file my-2\">\n      \u003Cdiv id=\"file-stabilo-colors-md-readme\" class=\"Box-body readme blob tmp-p-5 tmp-p-xl-6 \"\n    style=\"overflow: auto\" tabindex=\"0\" role=\"region\"\n    aria-label=\"stabilo-colors.md content, created by MariusBongarts on 10:22AM on May 24, 2023.\"\n  >\n    \u003Carticle class=\"markdown-body entry-content container-lg\" itemprop=\"text\">\u003Cp dir=\"auto\">NEON COLORS:\u003C\u002Fp>\n\u003Cul dir=\"auto\">\n\u003Cli>Neon Orange: #ffad2a (RGB: 255, 173, 42) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F1f0a29f270111d01107988cde5a96d2027d9a904d83b64e06c61c22e629f8a97\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6666616432612f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F1f0a29f270111d01107988cde5a96d2027d9a904d83b64e06c61c22e629f8a97\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6666616432612f3030303030303f746578743d2b\" alt=\"Neon Orange\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Fffad2a\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Neon Red: #f887f (RGB: 248, 135, 127) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F02adc3c22266589e1c51d6bcd3e182b7fd0e2811bc2ec36c7b7843a8199eac16\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f66383837662f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F02adc3c22266589e1c51d6bcd3e182b7fd0e2811bc2ec36c7b7843a8199eac16\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f66383837662f3030303030303f746578743d2b\" alt=\"Neon Red\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Ff887f\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Neon Yellow: #f8fc46 (RGB: 248, 252, 70) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F0230628a1ce866e703fd2594e1a5dc0f283cfcfdf3548110cc38fb0e2ad87c89\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6638666334362f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F0230628a1ce866e703fd2594e1a5dc0f283cfcfdf3548110cc38fb0e2ad87c89\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6638666334362f3030303030303f746578743d2b\" alt=\"Neon Yellow\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Ff8fc46\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Neon Green: #77e68a (RGB: 119, 230, 138) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fbd4f5f9db9eb7d419e8f3619c5bed32d97a430df3aabf0b3ebb24ee87e449af1\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f3737653638612f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fbd4f5f9db9eb7d419e8f3619c5bed32d97a430df3aabf0b3ebb24ee87e449af1\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f3737653638612f3030303030303f746578743d2b\" alt=\"Neon Green\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002F77e68a\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Olive Green: #00c87a (RGB: 0, 200, 122) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F612c978ce12c39582773af4e01aa20b3ab8946ecfbbe182c1d4d088c54440f9a\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f3030633837612f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F612c978ce12c39582773af4e01aa20b3ab8946ecfbbe182c1d4d088c54440f9a\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f3030633837612f3030303030303f746578743d2b\" alt=\"Olive Green\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002F00c87a\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Neon Blue: #3cbefc (RGB: 60, 190, 252) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F2f19b7ae733fe541b4dbb5d3d62dc863de57e3155b6cfa6bf9b13431a8834c07\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f3363626566632f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F2f19b7ae733fe541b4dbb5d3d62dc863de57e3155b6cfa6bf9b13431a8834c07\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f3363626566632f3030303030303f746578743d2b\" alt=\"Neon Blue\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002F3cbefc\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Neon Violet: #9d64e2 (RGB: 157, 100, 226) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F41fc6f81a5141bb556a2ce39984d46f4fd3a7fcec8d9f284021e94704b01f72d\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f3964363465322f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F41fc6f81a5141bb556a2ce39984d46f4fd3a7fcec8d9f284021e94704b01f72d\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f3964363465322f3030303030303f746578743d2b\" alt=\"Neon Violet\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002F9d64e2\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Neon Pink: #fb83b3 (RGB: 251, 131, 179) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F96c20fa58d35f7c27735aa7d9f87da2f7d7636142bcef3d20822dc4844de2b11\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6662383362332f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F96c20fa58d35f7c27735aa7d9f87da2f7d7636142bcef3d20822dc4844de2b11\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6662383362332f3030303030303f746578743d2b\" alt=\"Neon Pink\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Ffb83b3\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Lilac: #f447d1 (RGB: 244, 71, 209) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F61a115f3ba9cd8e1c292cc583de59095ea35c92e108d3a986a240e0d4717502a\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6634343764312f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F61a115f3ba9cd8e1c292cc583de59095ea35c92e108d3a986a240e0d4717502a\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6634343764312f3030303030303f746578743d2b\" alt=\"Lilac\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Ff447d1\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp dir=\"auto\">PASTEL COLORS:\u003C\u002Fp>\n\u003Cul dir=\"auto\">\n\u003Cli>Pastel Green: #a7e8c8 (RGB: 167, 232, 200) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F11a9a01589046438513d4409a8dc9bfd027fa91fc202f30076f7a7ce50818e4d\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6137653863382f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F11a9a01589046438513d4409a8dc9bfd027fa91fc202f30076f7a7ce50818e4d\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6137653863382f3030303030303f746578743d2b\" alt=\"Pastel Green\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Fa7e8c8\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Pastel Orange: #f8b6a8 (RGB: 248, 182, 168) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F272c51ed1dc8769fc9b0947f97b1cf3193dd6e09812dfa84cdd680a17e9c4c23\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6638623661382f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F272c51ed1dc8769fc9b0947f97b1cf3193dd6e09812dfa84cdd680a17e9c4c23\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6638623661382f3030303030303f746578743d2b\" alt=\"Pastel Orange\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Ff8b6a8\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Pastel Yellow: #fdffb4 (RGB: 253, 255, 180) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F55ed9e6df67e9182693764ff27f6a95ae3f2f91609994a598daafe88507bb627\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6664666662342f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F55ed9e6df67e9182693764ff27f6a95ae3f2f91609994a598daafe88507bb627\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6664666662342f3030303030303f746578743d2b\" alt=\"Pastel Yellow\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Ffdffb4\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Pastel Pink: #f7c2d6 (RGB: 247, 194, 214) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fdb3a0331e78a198be955c8d5cda32f614027130fa8c6f9eebfa4a30232cc3db7\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6637633264362f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fdb3a0331e78a198be955c8d5cda32f614027130fa8c6f9eebfa4a30232cc3db7\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6637633264362f3030303030303f746578743d2b\" alt=\"Pastel Pink\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Ff7c2d6\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Pastel Violet: #c3bbec (RGB: 195, 187, 236) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F22778868b10e34826ac5a52c5e5d1bc8c35a7ddcffdee73e891f8d417567693e\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6333626265632f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F22778868b10e34826ac5a52c5e5d1bc8c35a7ddcffdee73e891f8d417567693e\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6333626265632f3030303030303f746578743d2b\" alt=\"Pastel Violet\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Fc3bbec\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Pastel Blue: #c3effc (RGB: 195, 239, 252) \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fdbf9794be0a6eebbcfda7349977f4519b5d1ae64203f9b02d6aef72a0b1e52a9\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6333656666632f3030303030303f746578743d2b\">\u003Cimg src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fdbf9794be0a6eebbcfda7349977f4519b5d1ae64203f9b02d6aef72a0b1e52a9\u002F68747470733a2f2f7669612e706c616365686f6c6465722e636f6d2f31352f6333656666632f3030303030303f746578743d2b\" alt=\"Pastel Blue\" data-canonical-src=\"https:\u002F\u002Fvia.placeholder.com\u002F15\u002Fc3effc\u002F000000?text=+\" style=\"max-width: 100%;\">\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Farticle>\n  \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"gist-meta\">\n        \u003Ca href=\"https:\u002F\u002Fgist.github.com\u002FMariusBongarts\u002F437ce57779d48b0d881c1c1053327291\u002Fraw\u002F5a090fb38e5be486bb65515af18d679099bce882\u002Fstabilo-colors.md\" style=\"float:right\" class=\"Link--inTextBlock\">view raw\u003C\u002Fa>\n        \u003Ca href=\"https:\u002F\u002Fgist.github.com\u002FMariusBongarts\u002F437ce57779d48b0d881c1c1053327291#file-stabilo-colors-md\" class=\"Link--inTextBlock\">\n          stabilo-colors.md\n        \u003C\u002Fa>\n        hosted with ❤ by \u003Ca class=\"Link--inTextBlock\" href=\"https:\u002F\u002Fgithub.com\">GitHub\u003C\u002Fa>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C!--kg-card-end: html-->\n\u003Cp>You can effortlessly input the appropriate RGB or HEX value into the color picker.\u003C\u002Fp>\n\u003Cp>\n  Alternatively, you can choose an even simpler method by clicking on the “eyedropper” icon, which enables you to select\n  a color from an image, webpage, or any other part of your screen.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-19.webp\"\n    class=\"kg-image\"\n    alt=\"Choose a Stabilo color with the eyedropper.\"\n    loading=\"lazy\"\n    width=\"1018\"\n    height=\"352\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-19.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-19.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-19.webp            1018w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Choose a Stabilo color with the eyedropper.\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>Just click on the desired area and then the color tile in the overview above.\u003C\u002Fp>\n\u003Cp>Web Highlights supports having one default color and shows the five most recent colors in the popup.\u003C\u002Fp>\n\u003Cp>\n  So, go ahead and choose your preferred four Stabilo colors, and relish in highlighting the web, reminiscent of your\n  school days when you highlighted physical texts.\n\u003C\u002Fp>\n\u003Ch2 id=\"final-thoughts\">Final Thoughts\u003C\u002Fh2>\n\u003Cp>\n  The Stabilo highlighters were once cherished tools that brought color and vibrancy to our study materials, making\n  important information effortlessly stand out.\n\u003C\u002Fp>\n\u003Cp>\n  In today’s digital age, where analog tools are increasingly rare, we may find ourselves longing for that familiar\n  sensation.\n  \u003Ca href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\" rel=\"noopener\">\n    The PDF & Web Highlighter Chrome extension\n  \u003C\u002Fa>\n  , Web Highlights, offers a delightful solution by allowing us to highlight web pages with\n  \u003Cstrong>the exact colors of our beloved Stabilo Boss highlighters\u003C\u002Fstrong>\n  .\n\u003C\u002Fp>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\" rel=\"noopener\">\n    \u003Cstrong>Install the extension for free\u003C\u002Fstrong>\n  \u003C\u002Fa>\n  , and start highlighting on any webpage or PDF, create tags, and take notes. Share your research and export it to\n  HTML, Markdown, and PDF.\n\u003C\u002Fp>\n\u003Cp>\n  I hope you enjoyed reading this article. Get in touch with me via\n  \u003Cstrong>\u003C\u002Fstrong>\n  \u003Ca\n    href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmarius-bongarts-6b3638171\u002F\"\n    rel=\"noopener ugc nofollow noopener noopener noopener noopener noopener\"\n  >\n    \u003Cstrong>LinkedIn\u003C\u002Fstrong>\n  \u003C\u002Fa>\n  ,\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMariusBongarts\" rel=\"noopener ugc nofollow noopener noopener noopener noopener noopener\">\n    \u003Cstrong>Twitter\u003C\u002Fstrong>\n  \u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Ftooltivity.com\u002F\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">Best Productivity Browser Extensions\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Discover and compare the best productivity browser extensions at Tooltivity. Explore our in-depth reviews of top\n        tools to boost your browsing experience.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"\u002Fblog\u002Fcontent\u002Fimages\u002Ficon\u002Ffavicon-8.svg\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">ProdApps\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"\u002Fblog\u002Fcontent\u002Fimages\u002Fthumbnail\u002Fthumbnail-6.webp\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n","Marius Bongarts","https:\u002F\u002Fwww.facebook.com\u002FMariusBongartsWeb","\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002FIMG_7861_Square.jpeg","https:\u002F\u002Fmarius-bongarts.de\u002F","Founder & Software Engineer","https:\u002F\u002Ftwitter.com\u002FMariusBongarts",801,[42,71,87],{"id":43,"slug":44,"title":45,"description":46,"url":47,"publishedAt":48,"createdAt":49,"updatedAt":48,"featured":20,"readingTime":50,"tags":51,"imageUrl":52,"imageAlt":53,"faviconUrl":54,"publishedAtString":48,"category":55,"readTimeString":70},"6a44e3e8909b7209ced49a7e","free-online-pdf-highlighter-highlight-any-pdf-no-install","Free Online PDF Highlighter — Highlight Any PDF, No Install","You can't highlight a PDF in Chrome. You can open one and read it, sure. But try to mark a sentence, and there's nothing there to do it with.\n\nI built a PDF highlighter tool, so I hear about this one a lot. My usual answer was: install my browser extension, or install something like Acrobat. Fine advice — unless you've got a single PDF to mark up and no interest in installing anything for it.\n\nSo I built a version that skips all that. It's a web page: open it, drop in a PDF, and highlight away. ","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Ffree-online-pdf-highlighter-highlight-any-pdf-no-install\u002F","2026-07-01T10:01:26.000+00:00","2026-07-01T09:54:48.000+00:00",5,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fpdf-upload-thumbnail.png","Free Online PDF Highlighter that works without installing any software right in your browser","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[56,63],{"type":57,"title":58,"shortTitle":59,"icon":60,"description":61,"excerpt":62},"highlighting","Highlight Websites & PDFs in Chrome","Highlighting","mark-icon","From PDF highlighters to Chrome extensions—see how Web Highlights makes highlighting fast, colorful, and organized across the sites you read every day.","Highlighting should feel as natural as a physical marker, but with superpowers: multi-color marks, notes, tags, and sync. Web Highlights is built for both web pages and PDFs, so you can keep one workflow instead of juggling separate “PDF only” or “website only” tools.",{"type":64,"title":65,"shortTitle":66,"icon":67,"description":68,"excerpt":69},"annotating","Annotate the Web & PDFs with Web Highlights","Annotating","feather-edit-3","Annotating long texts is challenging. Learn techniques for better annotations and how Web Highlights helps you mark up articles and PDFs in the browser.","Annotation turns passive scrolling into real understanding. Whether you need marginal notes for research, structured tags for coursework, or quick highlights for newsletters, Web Highlights keeps every mark anchored to the source—so you can review, search, and export without losing context.","5 min read",{"id":72,"slug":73,"title":74,"description":75,"url":76,"publishedAt":77,"createdAt":78,"updatedAt":79,"featured":20,"readingTime":80,"tags":81,"imageUrl":82,"imageAlt":74,"faviconUrl":54,"publishedAtString":77,"category":83,"readTimeString":86},"69247fac2ed30b09fb978171","best-adobe-pdf-alternatives","10 Best Adobe PDF Alternatives","Looking for a lightweight Adobe PDF alternative? Compare the best tools for reading, annotating, editing, and summarizing PDF files in your browser.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbest-adobe-pdf-alternatives\u002F","2025-12-01T07:21:55.000+00:00","2025-11-24T15:54:20.000+00:00","2026-06-11T12:33:47.000+00:00",11,[],"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1649734926700-8dfb770ffaee?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGFkb2JlfGVufDB8fHx8MTc2NDU3MzYwM3ww&ixlib=rb-4.1.0&q=80&w=2000",[84,85],{"type":57,"title":58,"shortTitle":59,"icon":60,"description":61,"excerpt":62},{"type":64,"title":65,"shortTitle":66,"icon":67,"description":68,"excerpt":69},"11 min read",{"id":88,"slug":89,"title":90,"description":91,"url":92,"publishedAt":93,"createdAt":94,"updatedAt":95,"featured":20,"readingTime":96,"tags":97,"imageUrl":98,"imageAlt":99,"faviconUrl":54,"publishedAtString":93,"category":100,"readTimeString":109},"68aef936fe649d2cf780027d","how-to-highlight-in-obsidian-and-maximize-your-note-taking-experience","How to Highlight in Obsidian (and Maximize Your Note-Taking Experience)","Learn how to highlight in Obsidian using Markdown and Web Highlights. Add colors, tags, notes, and one-click export for faster, cleaner notes.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-in-obsidian-and-maximize-your-note-taking-experience\u002F","2025-09-01T12:42:09.000+00:00","2025-08-27T12:25:26.000+00:00","2026-04-09T12:54:14.000+00:00",9,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F09\u002Fhow-to-highlight-in-obsidian.webp","Person sitting at a desk using a tablet and laptop, with highlighted notes on the tablet screen.",[101,108],{"type":102,"title":103,"shortTitle":104,"icon":105,"description":106,"excerpt":107},"second-brain","Second Brain & PARA with Web Highlights","Second brain","brain","Build a second brain from what you read online. Connect PARA, progressive summarization, and exports into Notion or Obsidian with Web Highlights.","Your second brain is only as good as what flows into it. Web Highlights captures highlights and notes from the open web and PDFs in a format you can export and refine—so ideas from articles become durable notes instead of forgotten tabs.",{"type":57,"title":58,"shortTitle":59,"icon":60,"description":61,"excerpt":62},"9 min read"]