Understanding HSB and RGB: The Guide

hopscotch
helpwithcode

#1

Sick of hearing about HSB and RGB but don't actually understand what they each stand for? Well, help is at hand! There are lots of topics where you have to read through every single comment, here is one that you can screenshot and refer back to! Here is the Hopscotch link for my HSB guide:
https://c.gethopscotch.com/p/y6pbr03ny

HSB:

Hue, Saturation and Brightness

Hue: Hue is the colour. They range from 0 through to 360. They are also ordered through the rainbow.
Red: 0
Orange: 45
Yellow: 55
Green: 70
Blue: 165
Purple: 250
Pink: 300
Red: 335

Saturation: Saturation is how intense the colour is. 0 is white and 100 is strong colour. This is how colours become pastel.
1-40 is pastel colours.

Brightness: Brightness is, well, brightness... 0 is black and 100 is white. Brightness is also affected slightly by the saturation.

RGB:

Red, Green and Blue

This ranges from 0 to 255. Pure red would be R:255 G:0 B:0, it's the same with green and blue. Here is a simple colour wheel for RGB:

Unlike HSB, RGB is hard to make up your own colours, I recommend this website:
http://colorizer.org/
I hope this helps!


MobCraft's Topic Portal
#2

I already know what they stand for, but if I didn't this would be a great topic :D


#3

Thanks, that took me so long to do!


#4

Actually, if you know how, RGB is pretty easy.
I know how to saturate and use brightness in RGB, so it basically becomes HSB with more colours.
Nice topic!


#5

Your welcome :smiley:


#6

Saw dat edit >:3


#7

Great topic! :thumbsup:

Here's a like :heart:


#8
tag list

List
@BB-Box
@Kitkat26
@KVJ
@Black_Panther
@Holly_Aarmau
@Deadfr
@EsteemedTrout
@Catface4
@Paydent12
@karmicsans618
@RubyStars
@Sensei_Coder
@FunkyGoldfish
@Candycane
@William04GamerA
@Jess888
@ArtyAnimal
@EmmabugOnTheForum
@waddlemarco
@CreationsOfaNoob
@Rainboom
@Potter_Head
@StRiKe_Charler123
@StarryDream
@codingCupcake123
@Murphy1
@treefrogstudios
@MrHotdog64
@Sugarisyummy
@AvocadoDont
@bluedogmc-official
@Ella_13
@Sweetlina
@xXBARNSLEYFCXx
@FluffyMarshmellow
@GLaDOS_On_Da_Forum
@BubblegumCupcakeMix
@YuxinaYammy
@PerfectPanda24
@Explorer_
@ColourfulBlack
@JojoDude
@happy12345678910
@Sprouse
@GiraffeProductions
@TheGreenBanana
@MR.GAM3R
@Themasterofairjitzu
@HopedHoper
@AwesomeNachos
@FortatoBuilder
@Valgo
@Vortex.inc
@ConnellCoder
@VanillaBlossom
@JaggedJeans
@KoolM123
@PandaBlossom
@BellaWafflez17
@ButterBark
@Glitter_Kitty
@TheRealBlah


#9

You tagged? When I just read :joy:


#10

Sorry, I started tagging before you read!


#11

It's fine lol. I love getting tagged to see things


#12

LOL​:smile:


#13

Awesome topic!


#14

Nice post. I'm sure many people will find it helpful. To make it even more awesome, please verify & update the Hues. These values are a bit off.


#15

Great topic! Here's a like!


#16

I like this tutorial! This is a must for beginners! I'll add this to my topic portal.


#17

Awesome! Now I know what RGB is, I was having a hard time figuring it out! Great tutorial! :slight_smile:


#18

I made a topic about this awhile ago... no one liked it..


#19

@HappyPerson
Please add this!