23 replies

1. Eric Portis Mastodon 7 min later

   @zachleat I briefly tried doing this with Puppeteer, a screenshot, and ImageMagick. Didn't get anywhere. Rooting for you!

   1. Zach Leatherman Mastodon 52 min later

      @eeeps oh no 😅

2. Private reply Mastodon 7 min later
   1. Private reply Mastodon 7 min later
      1. Private reply Mastodon 55 min later
         1. Private reply Mastodon 1 hr later
            1. Private reply Mastodon 1 hr later
               1. Private reply Mastodon 4 hr later
3. Schalk Neethling Bluesky 31 min later

   Have you seen superposition.design from @kilianvalkhof.com

   1. Zach Leatherman Bluesky 50 min later

      Fascinating — looks great! I’m looking for something a little lower level though

      1. Schalk Neethling Bluesky 3 hr later

         I am curious to know what you find. 👀

      2. Kilian Valkhof Bluesky 4 hr later

         Lower level how?

         1. Zach Leatherman Bluesky 4 hr later

            a library or package I can install from a script

            1. Kilian Valkhof Bluesky 5 hr later

               Maybe @projectwallace.com then

               1. Project Wallace Bluesky 5 hr later

                  Yup, sounds like a job for github.com/projectwalla... which also powers projectwallace.com/design-tokens.

4. Elly Loel Mastodon 4 hr later

   @zachleat a screenshot plus mean shift clustering could work nicely to get a colour vibe of a web page https://youtu.be/HuW9qJbL0xM

   1. Zach Leatherman Mastodon 4 hr later

      @elly oh dang, that was a great video — I’ll be thinking about that for awhile!

      1. Elly Loel Mastodon 4 hr later

         @zachleat @elly right?! the minecraft community really will go to any length for their builds no matter the complexity 🤯

5. Jack Bluesky 4 hr later

   1. cssstats.com like parsing to get all colors/count.
   2. convert to oklch
   3. filter high/low lightness values.
   4. filter low chroma.
   5. use the highest-count, non filtered color.

   1. Zach Leatherman Bluesky 4 hr later

      ooh cssstats is a good shout, thanks!

6. Munawwar Firoz Bluesky 16 hr later

   Vibrant.js on the logo / favicon is good solution right?

   1. Munawwar Firoz Bluesky 16 hr later

      jariz.github.io/vibrant.js/

      1. Zach Leatherman Bluesky 21 hr later

         I haven’t used this one yet! I have used github.com/Namide/extra... with some success though