Thread by @kuruprishit

Different systems are available for defining colours.

The HEX colour system is the most commonly used in digital products.

Will you be able to identify the colour if I give you #E6AACE?

Probably not

Let's look at how these codes work.

A thread 🧵

1/ HEX is nothing but a string for 6 hexadecimal symbols.

This might already make sense to those with a computer science or math background.

If not, don't worry.

Here's an example to help you understand

2/ Like the decimal number system that contains symbols 0-9. The hexadecimal number system consists of 16 symbols:
0-9 and A-F

3/ So, from the code below 👇

We can determine how much RED is used from the first two symbols, how much GREEN is present from the next two and how much BLUE is present from the last two.

4/ In this way, we can easily interpret #000000 as black since it does not contain any red, green or blue in its mix.

5/ Therefore, just increment the last two symbols of the hex code if you want a shade of blue.

6/ The hexadecimal number system is also known as the base-16 number system as there are 16 symbols.

7/ The base-16 number system allows any number from 0-255 to be displayed as 2 symbols.

So when we write FF, this is basically 👇

(see image)

8/ Now, that's why #0000FF is pure blue

That's it!

This is just the basics, there is a lot to learn about colours. Colour theory plays an important role in the design of products. It's definitely worth reading more about!

Thank you for investing your time in this thread 🙌🏼

If you learned something new:

💙  Follow me for more such threads on tech, psychology, product design and more…

🔁  Retweet the first tweet