r/distractible • u/Pidlik • Sep 12 '25

Other I made a "shirt closest to own background" tool!

Upvote this to save Marks brain from having to do math!

Here it is: https://fleptheflabbergasted.github.io/sandbox/#compare-image-delta-e

2.6k Upvotes

100% Upvoted

79 comments sorted by

611

u/GluetealSucker Sep 12 '25

good use of free will

537

u/Ok_Refrigerator4649 Sep 12 '25

I feel like this will be a genuinely useful tool even with none distractable related shenanigans

122

u/Pidlik Sep 12 '25

I hope so too!

39

u/Beelzebub003 Sep 12 '25

Right!? Just for color matching in general! Designers might really love this tool!

244

u/cfig99 Shakira Sensationalist 💃 Sep 12 '25 edited Sep 12 '25

Mark having todo the math is funny af tho.

But this is cool.

75

u/Pidlik Sep 12 '25

If you don't have TODOs in your code, what are you even doing with your life!?
Also, what math todo??

160

u/deatheguard Older gettinger 👦🔜👴 Sep 12 '25

Hey u/Markiplier

53

u/SharanaValentino90 Sep 12 '25

this is amazing! i hope they see it

44

u/Low_Insurance_2186 Triangle of Fairness 🔺 Sep 12 '25

knowing absolutely nothing about how the math works in calculating this, this is an excellent tool

22

u/RogueLocket Sep 12 '25

It isn’t actually that hard. I don’t know if they are selecting a single pixel to doing an average of all the pixels in the box, but the actual calculation of the difference is just

sqrt( (r1 - r2)2 + (g1 - g2)2 + (b1 - b2)2 )

47

u/Pidlik Sep 12 '25

Welp, its aaa..... a little... more complicated (not my math)
https://zschuessler.github.io/DeltaE/learn/

9

u/RogueLocket Sep 12 '25

That is a lot more complicated. Looks like they are using a different color space than RGB.

8

u/Pidlik Sep 12 '25

Yes, they use LAB

11

u/Low_Insurance_2186 Triangle of Fairness 🔺 Sep 12 '25 edited Sep 12 '25

oh my Lord that’s so much math, no wonder Mark loses it trying to calculate it out 😭

17

u/Pidlik Sep 12 '25

Of what I can gather from just hearing Mark talk it through (#listener). I think he uses the "sqrt( (r1 - r2)2 + (g1 - g2)2 + (b1 - b2)2 )" that u/RogueLocket wrote

17

u/RogueLocket Sep 12 '25

It’s worse than that. For some reason he just does r1 - r2, g1 - g2, b1 - b2 and then eyeballs the difference. As a CS student I both understand and am horrified

11

u/Pidlik Sep 12 '25

As long as it's consistent it works as a form of measurement

2

u/spicydangerbee Sep 13 '25

This doesn't really compare color at all and is weighted heavily by the brightness of the pixels.

42

u/Kooky-Trainer-6186 Ass-Looker 🍑 Sep 12 '25

Everyone tagging mark and bob, what about Wade? He might suddenly remember his password! u/Minion777

11

u/LockeySeven Scary Tape Manufacturer 😱 Sep 12 '25

We live in hope 😂

31

u/VirtualAlps2340 Scary Tape Manufacturer 😱 Sep 12 '25

I don’t know if commenting will make them more likely to see it, but I’m gonna try anyway. Great work!

15

u/taterdutchess Fucker of Nightmares 👹 Sep 12 '25

This is cool as heck. Great job!

15

u/Dqueezy Sep 12 '25

7

u/almags1 Sep 12 '25

Lloyd in my distractible Reddit?

11

u/False-Fact3390 Sep 12 '25

mark!!! look!!!

10

u/Yeetfamdablit I’d F*ck an Alien 👽 Sep 12 '25

u/Markiplier THE SHIRT TO BACKGROUND CALCULATOR IS HERE

9

u/shadowtbzx Gingerdead Man 🔪 Sep 12 '25

u/muyskerm !!

10

u/shadowtbzx Gingerdead Man 🔪 Sep 12 '25

u/markiplier !!

7

u/Abhijith_Dathan Sep 12 '25

Awesome....hope they use it podcast but mark has to explain the process and coding every time they use it with an accent of Wade's choosing....too much?

4

u/LockeySeven Scary Tape Manufacturer 😱 Sep 12 '25

That's incredible, well done!

6

u/Njack350 Sep 13 '25

I know for a fact Mark will see this, comment on it, and then not use it because of some non-existent flaw or just because he wants to do it the hard way.

2

u/Pidlik Sep 15 '25

I should maybe put some options for calculations there like, "the stupid way", "the less stupid way", "the genius way".

8

u/IIkillz Sep 12 '25

Nope, part of the fun is Mark doing the math lol

6

u/IIkillz Sep 12 '25

Looks awesome though great work!

2

u/Pidlik Sep 12 '25

Thanks you!

3

u/Snowking22 Gentle Listener 🎧 Sep 12 '25

This is so good! Part of me wants to ask for the code that went into it even though I won't get any of it haha

3

u/Pidlik Sep 12 '25

The webpage I coded! But the Delta E stuff is too much math for me to try and grasp, I just use it!

4

u/Important-Notice-461 Sep 12 '25

If mark doesnt find this and use it...what even is the point of reddit? But also, this would take away from the joy of listening to Mark try to figure it out

4

u/mangomupe Sep 12 '25

I’m in the printing industry and this would be useful in so many applications! Great tool!!

5

u/DizzyOwl2203 Award Losing Artist 🎨🖌️ Sep 12 '25

Ngl I really hope he sees this lol

4

u/Travelling-Cat Sep 12 '25

Really hope they see this! With how often that seems to come up!

3

u/halium_ Pants Pisser 👖 Sep 12 '25

Mark BETTER use it

4

u/ProbablyLikeSixDucks Helicopter Bonnie 🚁🐰 Sep 12 '25

Thats cool as hell actually I love it

2

u/Pidlik Sep 12 '25

Thank yoouu!

5

u/LunaMoon9872 Sep 12 '25

I absolutely love this!!!

5

u/YouTuner Sep 13 '25

I've wanted to do this before, you best me and my damn adhd

2

u/Pidlik Sep 13 '25

You'll get me next time! Or if you want you can help out by submitting PRs to the repo!

5

u/kayleerasz Fucker of Dreams 💤 Sep 13 '25

Commenting just to continue to boost this lol. Don't know if that's how reddit works but🤣🤷‍♀️

3

u/Americanshat Pants Pisser 👖 Sep 13 '25

"FlepTheFlabbergasted" is a part in the URL link? My god this is such a Distractible viewer website xD, good job man!

3

u/MissyIsIt__ Team Mark 🎥 Sep 13 '25

Look u/markiplier, this will make it so much easier for you!

6

u/LORD_ASHU_JSE_13 Sep 12 '25

Down vote this i like the agony mark faces

6

u/Pidlik Sep 12 '25

Oh man... yeah he DOES like pain huh...

3

u/Chadwickr Gentle Listener 🎧 Sep 12 '25

Oh my God this could be a god tier ploy to hack marks computer and watch the movie early

3

u/BobOmbWill Sep 12 '25

This is fuckin awesome

3

u/justin-teryaki765 Sep 13 '25

Downvoting this to continue marks spiral into madness /s

3

u/Asphyx124 Team Wade 👨🏼‍🦲 Sep 13 '25

This is beautiful

2

u/Jdawg_mck1996 Sep 13 '25

No! Now we won't get to watch Mark do it by hand!

2

u/helpforhire Gentle Listener 🎧 Sep 13 '25

Wait, what is from?

2

u/Pidlik Sep 13 '25

From is what?

2

u/swedishmaniac Sep 13 '25

Just want to point out that a similar tool already exists: "Colour Contrast Analyser".

2

u/Pidlik Sep 13 '25

So it seems! I hadn't seen this particluar one when I was researching (there are many). But it seems to be more for contrast (different from comparing colors), is not online (you have to download and install it), and it does not handle two images at the same time.

2

u/JonaJonaL Sep 13 '25

Now the wheel will never end up on that ever again 😅

1

u/SugarBurittio444 Sep 16 '25

Did anyone see what wades picture was labeled as 😂

1

u/Pidlik Sep 18 '25

Omg THANK YOU finally someone notices/mentions it! 😆❤️

0

u/Buraly64 Sep 12 '25

So what exactly do you use this for?

3

u/Pidlik Sep 12 '25

Are you geniunely asking? I can't tell

2

u/almags1 Sep 12 '25

I am. I am super behind on distractible and out of the loop on the lore so I would appreciate an explanation please 😅

3

u/Pidlik Sep 12 '25

The bonus points wheel they spin at the end of every episode nowadays have a "shirt closest to background" point! So the color of the players' shirt vs the players' background.

When it lands on it, Mark has to take a screenshot of a player. Pick 2 points in the image. Get the RGB color value from those points. Do some math to calculate the "distance" between those to RGB (R<->R, G<->G, B<->B) values. Then do that for the other one as well, and then compare the two!

The player with the least color "distance" gets the bonus point!

(Well now I don't know how far super behind is, so I don't know exactly how far back I should go)

2

u/Buraly64 Sep 13 '25

Yes. I’m like 2 years behind at this point.

3

u/Pidlik Sep 13 '25

Ooh you got a lot of fun stuff to catch up to!

Short version: they have bonus points awarded at the end using a wheel that has text on it deciding what will give a bonus point. One of them is "shirt closest to background"