RGB vs HSL vs HSV Color Spaces

Поділитися
Вставка
  • Опубліковано 15 гру 2024

КОМЕНТАРІ • 123

  • @griffinrupe
    @griffinrupe Рік тому +238

    This has very quickly become my favorite Minecraft channel on UA-cam. I love your style of narration and your command block skills are insane. Your stair replacement video in particular was exactly what I needed for a project and these color space videos are perfect for making good looking builds. I can't believe you still only have 15k subscribers

    • @StarHorder
      @StarHorder Рік тому +1

      I can easily see some of the hermitcraft folk using this world download.

    • @Zeezia
      @Zeezia Рік тому +1

      new age sethbling

  • @v1x4z
    @v1x4z Рік тому +106

    It's insane how well you make complex topics palatable and understandable, you perfectly fit the void SethBling left when he stopped doing redstone :D You're a great teacher!

    • @cl4655
      @cl4655 Рік тому +3

      WhiteStoneJazz is another minecraft youtuber that has this Sethbling-esque style

  • @verditerthistle
    @verditerthistle Рік тому +51

    omfg this is so frickin cool!!!!!!!! i’m an artist & I primarily work traditionally, but I have also worked with digital color spaces and it’s awesome to see them represented in minecraft (another one of my fav things lol)!!!!! logically I knew the relation between hsl & hsv & rgb, but to see them represented spatially in minecraft is actually really helpful, both for building with color palettes and texture in minecraft and for making art :D & all the command stuff etc is really impressive too!!! love this so much ✨

    • @gneissname
      @gneissname  Рік тому +8

      Thanks Thein, art and games have always been things I am interested in so it’s cool to be able to see this in a 3D space like too too. Glad others think it’s cool too.

    • @sour.sparkleofficial
      @sour.sparkleofficial Рік тому +1

      @@gneissname yes

  • @Tacname
    @Tacname Рік тому +57

    This makes me wanna know what the CMYK system would look like in a 3D space, though it probably wouldn’t be very useful for the color world since it’s mainly for printing media, which doesn’t really apply to Minecraft builds lmao.

    • @Rich-je9fy
      @Rich-je9fy Рік тому +4

      Isnt that just rgb but the black and white section is reversed

    • @Tacname
      @Tacname Рік тому +6

      @@Rich-je9fy No, CMYK uses values based on the amount of cyan, magenta, yellow, and black ink required for a printer to print the color. Handy for when you have to make print media but nothing else really. Plus, to make an actual model off of it you'd need to make something 4 Dimensional due to the 4 variables involved.

    • @Rich-je9fy
      @Rich-je9fy Рік тому +15

      ​@@Tacname Yes, but CMYK and RGB shares the same color wheel. And no, you would not need 4 variables, as a printer doesn't ACTUALLY need the K, it just saves a lot of ink, so 3d space works just fine. You can actually very easily visualize what CMYK space would look like, at 0,0,0 it would just be white, and along the line x=y=z (aka C=M=Y), it would get darker, which is kind of the opposite of the RGB space

    • @Tacname
      @Tacname Рік тому +6

      @@Rich-je9fy I guess my view of what CMYK was is a bit off. Although I did search for what key was for and it's not to save ink, but to get a deeper black since composites of CMY don't achieve it on their own.

  • @ertelmisegi
    @ertelmisegi Рік тому +1

    Not just the players, Mojang needs to see this :D Especially if they don't have a similar tool for this in-game yet. This could be insanely useful for adding new blocks since all relations can be easily displayed.
    Here are a few suggestions for the world:
    - You could replace the entites with real blocks after the transition
    - You can create mcfunction files in your world folder which can have multiple and longer commands, then you can run them with the function command. This makes the process significantly easier when the commandblocks are not enough so I recommend looking into them.

    • @gneissname
      @gneissname  Рік тому

      Thanks, good idea and I’ll look into it.

  • @DantevanGemert
    @DantevanGemert Рік тому +7

    This is so cool! Your usage of the new display entities makes such a big difference in being able to visually understand how RGB, HSL and HSV relate. The educational potential in this is huge, I could watch those transitions for hours! It's so mesmerising!

  • @addiebuss9060
    @addiebuss9060 Рік тому +1

    I've never really messed with colour spaces or anything outside RGB. Over the years, I've gotten myself accustomed to working with RGB numbers, and while I'm not always super accurate, I have a pretty good sense of what I need to do to get what I want, and never really got the appeal of the other setups. After seeing this though, it makes a lot more sense! Since I'm already super familiar with it I foresee myself sticking with RGB when it's convenient (e.g. when I'm programming something), but in photo editing, HSL seems more appealing now. Thanks for the great showcase, very helpful!

  • @epicki_ziomek
    @epicki_ziomek Рік тому +25

    You could keep the animations and make use of the setblock command, when the block arrive at their destination place a new block and when they start to leave replace the space with air

    • @gneissname
      @gneissname  Рік тому +10

      Yeah good idea, it definitely adds something to it to see the changes.

  • @Ggdivhjkjl
    @Ggdivhjkjl 4 місяці тому

    That was a fabulous explanation for a visual thinker! Thank you.

  • @ScubaKay
    @ScubaKay Рік тому +4

    That is super cool! I worked with computer vision for a short while and learned about color spaces back then. To see it move between spaces like this is awesome!

  • @manrock1924
    @manrock1924 Рік тому +17

    That so far is some neat representation with the movement you got set up! (Wonder if using data packs could make it a bit cleaner and not have the same character limit) Good work on it :D

    • @gneissname
      @gneissname  Рік тому +3

      Yeah it’s something I should probably move to. The 1.20 color would is going to be pretty complex.

    • @aspectreishauntingeurope
      @aspectreishauntingeurope Рік тому

      @@gneissname i think it should be possible to increase the limit using a gamerule, not sure if i remember that correctly and can't check as I'm on mobile.

  • @TheUnknownFactor
    @TheUnknownFactor Рік тому +3

    Amazing stuff! Love it :-) As a webdeveloper, I am glad we're finally going to get color-spaces with consistent contrast ratios for equal shifts in lightness/saturation

  • @BakeBakePi
    @BakeBakePi Рік тому

    The entity display animations are so cool! It's cool seeing the difference between RGB, HSL, and HSV in minecraft blocks!

  • @meemdic8682
    @meemdic8682 Рік тому +16

    This is very interesting to watch and the amount of effort put into it is honestly incredibly impressive. Love your content, man

    • @gneissname
      @gneissname  Рік тому +3

      Thanks, this started out as a quick video I could get out and then it kept getting little things added to it.

  • @maxboes5723
    @maxboes5723 Рік тому +1

    I love the way you give players a tool to help them play the game better but your tool also comes with a tutorial that succinctly explains the theory behind it that teaches you a science concept. It is elegant bait and switch scientific education. Fantastic! I use munsel color to describe soils and rocks and I can tell you that this theory is applicable in the field.

  • @alexflowers176
    @alexflowers176 Рік тому +1

    Absolutely brilliant!! I'm always excited when a new video of yours drops! Your content just itches the right spot in my head 😂

  • @horseradish843
    @horseradish843 Рік тому +1

    I love the laid back chill video style ypu are doing while just exploring different concepts 😄

  • @runcows
    @runcows Рік тому

    This is amazing, so much easier to understand when looking at.
    Also got me thinking about maps since colors on maps in game are different. I'd love to see one of these made for map art

  • @ffttossenz
    @ffttossenz Рік тому

    great video :D
    glad i could help with display entities! i love seeing the animations u made with them

  • @ender7278
    @ender7278 Рік тому

    This channel is like a classroom and Minecraft is your slideshows.

  • @melloish7426
    @melloish7426 Рік тому

    Thank you for providing downloads! This is a truly fascinating subject, and the amount of effort you put into these videos really shows. I look forward to your future videos, keep up the great work!

  • @Fireway12
    @Fireway12 Рік тому +1

    This is so nice. First time seeing your channel and im here to stay🔥🔥🔥

  • @SlimeMasterNate
    @SlimeMasterNate Рік тому +1

    Interaction entities may help with the "pick block" thing by having them run a /give command when right clicked. It'd probably complicated things, but it'd be cool from a user perspective.

  • @dirkroosendaal2254
    @dirkroosendaal2254 Рік тому

    it helps so much that you made this visualizer, its amazing ,great video

  • @hindigente
    @hindigente Рік тому

    Really cool comparisons, great work!

  • @macpin209
    @macpin209 Рік тому +1

    It's so cool. Thank you so much!

  • @vaibhav3852
    @vaibhav3852 6 місяців тому

    The transformation tech learned in maths came useful, aint it?

  • @True_NOON
    @True_NOON Рік тому +1

    Gneis really earned the title : Minecraft teacher

  • @pretentiousjackal
    @pretentiousjackal Рік тому +1

    I think it'd be nice to see the hcw (hue chroma whiteness) system. It's a system that's on the opposite end of hsl from hsv where the ring of saturated hues in on the bottom where black is instead of the top (hsv) or middle (hsl). Then there's hsi (hue saturation intensity) where intensity is the average of the colors. It's like hsl but you don't squish the six middle zig-zag edges of the rgb cube into a hexagon before rounding it. You just round the shape immediately after rotating the rgb cube. Then there's hsy' which is based gamma corrected red green and blue values.

  • @considerthehumbleworm
    @considerthehumbleworm Рік тому

    as a hsv enjoyer i very much appreciate this

  • @cloned81
    @cloned81 Рік тому

    This is gold for a UX designer like me

  • @mckovach7285
    @mckovach7285 Рік тому +1

    This is the typa guy that has No enemies

  • @WingSun
    @WingSun Рік тому

    Insane ! Reminds me of Sethbling when he was making amazing videos !!! 🎉

  • @WitchCrona
    @WitchCrona Рік тому

    Why did I learn more about colour theory from a Minecraft video than I did in art school

  • @humanhamburger
    @humanhamburger Рік тому

    Impressive vids, id put your quality up there with gnembon. Mojang should hire you to show them what colors are and other concepts like a palette.

  • @satishafurnish7681
    @satishafurnish7681 Рік тому

    Super helpful! And loved the animation!

  • @samschellhase8831
    @samschellhase8831 Рік тому +1

    I'm very sorry, I can't hear "color theory" without thinking about that tumblr hospital meme

  • @miverb
    @miverb Рік тому

    That's a great video! I also wanna see video about LAB and XYZ.

  • @necrominer3518
    @necrominer3518 Рік тому +3

    Would it be possible to use the display entities for animations and when they reach their destination to replace them with real blocks? This would of course be limited to displaying only on the minecraft grid but it seems best of both worlds

    • @gneissname
      @gneissname  Рік тому

      Yeah it’s definitely doable. Ill add this to the list for what I want to add to the actual color world.

  • @kyrius_gm4
    @kyrius_gm4 Рік тому

    This was really well made! Im impressef

  • @davie53
    @davie53 Рік тому +3

    You ran into the character limit for command blocks? Just use functions! They're stored in a .mcfunction file (basically just a text file) and can easily run multiple commands (even other functions) by just putting "/function :" in a command block!

    • @gneissname
      @gneissname  Рік тому +1

      Thanks, I’ll probably do that or change things to a datapack.

  • @xyznihall
    @xyznihall Рік тому

    great video your command block skills are great

  • @ultratheman
    @ultratheman Рік тому

    this visualizer needs more attention

  • @sspringNG
    @sspringNG Рік тому

    weird comment, but your voice is kinda like asmr. great videos btw

  • @TheeSlickShady_Dave_K
    @TheeSlickShady_Dave_K Рік тому

    I subbed
    This is incredible 🏆
    Thank you Good Sir 🎩

  • @catharsis9789
    @catharsis9789 Рік тому +1

    maybe you could have the entities spawn in , then remove the blocks, do the translation, then place the blocks back at their new positions? theres also the interaction entity but im not sure if those can be the size of a block and give the player items as easy

  • @h-Films
    @h-Films Рік тому +2

    Why has magenta been replaced with purple?

  • @pretentiousjackal
    @pretentiousjackal Рік тому +1

    That color looks more purple than magenta. I took a screenshot to check and I got values of red ranging from 51 to 7d and blue ranging from 8a to d1. The hue ranges from 273 to 276. Magenta should be roughly equal parts red and blue and have a hue of 300.

  • @bengoodwin2141
    @bengoodwin2141 Рік тому

    I think the HSV squares should really be triangles, because the black area near the bottom is effectively all the same color to our eyes. That would make the whole 3d shape a double sided cone, I think

    • @gneissname
      @gneissname  Рік тому

      Hey Ben, yeah HSL can be a bicone with a single point for the white and the black. The HSV can be a cone. Technically if you do this you don’t call it saturation it’s called chroma and I don’t really understand the difference.

  • @hjagu1323
    @hjagu1323 Рік тому

    You could maby make the bigger diagrams with all blocks out of real blocks and keep this smaller animated version to show the difference between different color spaces. And if you are going to use display entitys there is no reson to block align them :)

  • @dabylch
    @dabylch Рік тому

    I like the RGB blocks series

  • @Septem_150
    @Septem_150 Рік тому

    I didn’t even know you were a Minecraft UA-camr for awhile. I’ve seen a couple of your videos, but it’s never been because of the Minecraft in them, it’s the topics discussed.

  • @memark8
    @memark8 Рік тому +1

    Is there a complementary system to HSV where instead the white hues have their own end? If so, why isn’t that sometimes used since screens tend to be able to display a wider range of lighter colors than darker ones?

  • @geofox6430
    @geofox6430 Рік тому

    the much awaited video!

  • @Magnogen
    @Magnogen Рік тому +1

    As you've set it up with the new display entities, are you able to position blocks slightly offset, so that they are more accurate, and also don't overlap? It should help with the z-fighting

    • @ShuffleboardJerk
      @ShuffleboardJerk Рік тому +1

      Im also wondering if he could just make the whole thing bigger to help with the overlapping.

    • @gneissname
      @gneissname  Рік тому +1

      Yeah, my actual 1.20 color world release will probably just offset a block by one if it’s overlapping. It will be larger too so it won’t happen as much.

    • @Magnogen
      @Magnogen Рік тому

      @@gneissname oh no, I'm thinking spawn the block entity halfway between blocks, or quarter of the way, or even an irrational number. They're entities, and therefore don't have to be aligned to the world grid. What do you think?

    • @gneissname
      @gneissname  Рік тому +1

      Oh, yeah that’s a possibility.

  • @mint530
    @mint530 Рік тому

    This is a really awesome video :)

  • @CureSmileful
    @CureSmileful Рік тому

    I am glad to watch that you said RGB are primary colors and CMY secondary, because I am so tired of the Red Yellow Blue narrative

    • @gneissname
      @gneissname  Рік тому

      Yeah I'm not really sure how that got started. Our cone cells are sensitive to blue, green, blue wavelengths so its strange that red yellow and blue got poplar.

    • @nickytembo4112
      @nickytembo4112 Рік тому

      @@gneissnameRYB is BS.

  • @Ailtir
    @Ailtir Рік тому +1

    How does this change your 'missing colors' video now that you've deformed the color space.
    Have some of the 'voids' gotten noticeably smaller in this new framing?

    • @gneissname
      @gneissname  Рік тому +2

      It does change them and I might revisit that topic sometime. I think I want to try and make a color space that reflects how the human eye actually sees color. With HSV, HSL, and RGB, a set distance isn’t necessarily the same amount color change in two different locations. I may do it before I get that figured out though because I am genuinely curious just about how different these are.

    • @Ailtir
      @Ailtir Рік тому

      @@gneissname That'd be cool, definitely feels like the most objective way to do it.
      If you managed to demonstrate how it all changed for people with colorblindness I think that would be interesting too, something like that would be incredible in your clear presentation style.

    • @gneissname
      @gneissname  Рік тому

      Yeah I agree, I think the topic of color blindness being shown in 3D is really cool. I haven’t seen that done anywhere, not just in Minecraft.

  • @Death_Tr00per58
    @Death_Tr00per58 Рік тому

    Gneiss reminds me of what paulsaursjr was like back in the day

  • @dutchpropaganda558
    @dutchpropaganda558 Рік тому

    Brilliant explanation. But I have to ask, why do you use a command block that summons command block minecarts to execute multiple commands. Would it not be better to instead call a function with the /function command.

    • @gneissname
      @gneissname  Рік тому

      Mainly I was stubborn and just kept using what I knew. I didn’t realize how functions worked until I took the time to use them. So much easier now. I switched over and I’m not looking back.

    • @dutchpropaganda558
      @dutchpropaganda558 Рік тому

      @@gneissname I'm so relieved to hear that

  • @python-wp2pb
    @python-wp2pb Рік тому

    You should make something to generate gradients for building.
    Also, would distances between colors be diffrent between HSL, HSV, and RGB?

  • @swonardian342
    @swonardian342 Рік тому

    What kind of command block black magic wizardry is this

  • @MishiMIshaniz
    @MishiMIshaniz Рік тому

    did not expect uni calculus to help me understand how HSL/HSV work, lol
    I kinda wanna figure out how to represent HSL as a sphere and HSV as a cone or paraboloid now, damn math nerd brain

  • @omegaroguelp
    @omegaroguelp Рік тому

    What about color spaces like CIELab and LCh?

  • @duality4y
    @duality4y Рік тому

    so they are different vector representations for color space?

  • @brevortofficial
    @brevortofficial Рік тому

    Is this done by having separate x y and z coordinates for scores that correspond to color values, and having an additional score which changes to the one you want to set it to (so like hsv hsl and rgb) and then just transforming to those coordinates? I'm trying to understand how this works lol

    • @gneissname
      @gneissname  Рік тому

      Lets say for one block I know the coordinate where it needs to be for RGB, HSL, and HSV. I summon a block entity with a relative position of 0 0 0, then for each color space I use data merge to apply a translation to that block to get it to the correct position. So for acacia rgb the commands are:
      /summon minecraft:block_display 0.0 0.0 0.0 {Tags:["acacia_planks"],block_state:{Name:"minecraft:acacia_planks"}}
      /execute as @e[tag=acacia_planks] run data merge entity @s {transformation:{translation:[66.01f,35.0f,20.0f]},start_interpolation:-1,interpolation_duration:50}
      This is done for every block.

  • @vinicus508
    @vinicus508 Рік тому

    So minecraft is a very nice visualization tool

  • @pkmnhx43_27
    @pkmnhx43_27 Рік тому

    Rgb vs hsl and hsv reminds me of cartesian vs cylindrical coordinates, but idk if thats just because of the way you visualized them

  • @JUNIsLuke
    @JUNIsLuke Рік тому

    Teachers should show your videos in schools
    Also now I wanna try make this in my survival world where I make a giant colour square like photoshop with all the available blocks in the game

  • @solonovamax
    @solonovamax Рік тому

    I still need to spend the time to work on the funny script to plot all of these automatically

  • @Tazerboy_10
    @Tazerboy_10 Рік тому

    This very interesting!

  • @yiannchrst
    @yiannchrst Рік тому

    So cool!

  • @Jimmyzation
    @Jimmyzation Рік тому

    Gotta say, this is a gneiss video

  • @stefanodyniec3117
    @stefanodyniec3117 Рік тому

    Great video

  • @shybandit521
    @shybandit521 Рік тому

    ill be honest ive never liked HSV color pickers because it feels like you have to just guess the angle you want

  • @DomLaBeau
    @DomLaBeau Рік тому

    Fucking around in MS Paint as a youngin made me an expert on color theory from a young age 😂

  • @litterbox019
    @litterbox019 Рік тому

    you can give yourself a recharging 5 crossbow for instant reloading

    • @gneissname
      @gneissname  Рік тому

      Good to know if I need to remotely activate anything again. Figured it was more fun than just typing a command.

  • @arie1906
    @arie1906 Рік тому

    Amazing

  • @Fireway12
    @Fireway12 Рік тому +1

    Yt algorithm. More of this pls

  • @jamesbaconreid
    @jamesbaconreid Рік тому

    awesome

  • @Kitana___
    @Kitana___ Рік тому

    Nice!

  • @CharaViolet
    @CharaViolet 9 місяців тому +1

    that magenta is NOT right. it's WAY too violet. it should be FF00FF, it looks closer to 9600FF, which would be 275 instead of 300.

  • @felipe_marra
    @felipe_marra 6 місяців тому

    tnk you dude

  • @nexusgamer1746
    @nexusgamer1746 Рік тому

    how did you come up with the idea to do this lol

    • @gneissname
      @gneissname  Рік тому +2

      Strangely enough it came from geology. We use a color system called Munsell to classify the color of soils. I wanted to try and my that in Minecraft and it turns out it’s basically the HSV color space. I’m probably going to talk about it in more detail another time.

  • @ramigebriel3427
    @ramigebriel3427 Рік тому +1

    howdy

  • @monpazier7349
    @monpazier7349 Рік тому

    MORE COLOURS THANK YOUUUU

  • @KindredKin
    @KindredKin Рік тому +2

    don't think the "magenta" is true magenta

    • @gneissname
      @gneissname  Рік тому +2

      Yep, accidentally typed 155, 0, 255 when making that block. I fixed it in the resource pack.

  • @RobertaCondon-m5c
    @RobertaCondon-m5c 2 місяці тому

    Miles Orchard