Common Knowledge - Color
Table of contents
Color in AdvancedChat
AdvancedChat Project, the name given to encompass all of the AdvancedChat mods(Core, HUD, Box, Log, and Filters), has the option to change the color of certain things. Anytime you encounter the option to change the color of a setting it will use HEX values. Some will only use the 6 character format and others may use the 8 character format. The difference between these two is the alpha channel aka the opacity of your color.
A normal HEX code looks something like this #FF0000, which is bright red. The FF indicates the hue of the the RGB channels which are represented by the four zeros. But when using an 8 character HEX suddenly you unlock an additional two characters at the front of the string that represent opacity also called transparency.
The proper format is #AARRGGBB where the A is alpha channels, R is red, G is green and B is blue. Which is why HEX+Alpha is sometimes referred to ARGB but has fallen out of style a bit due to ARGB referring to Addressable RGB lights.
So knowing all that; #CCFF0000 would be an 80% opacity to our bright red mentioned earlier making it a slightly lighter red. As 100% opacity would be our default value of bright red.
Resources
Here is a dumb of useful links to help get you on your way;
- Learning
- Coloring
- Color pallet picker randomizer that has a fair few customization options. Just load the page and if you don’t like the choices hit SPACE.
- Have a specific color you like in an image? This site allows you to figure out what it is.
- Looking for something popular? We got you covered with this site.
- What’s that you want a palette and to be popular? Well alright here you go.
- If you don’t want to google around for a decent HEX color picker here is my go to that offers HSL, CYMYK, RGB, and our needed HEX. It also has some information on things like color theory and shading. Pick your color and then just use the section below to add opacity if you’d like.
HEX Opacity Table
Here is a complete table from 0% opacity all the way up to 100% opacity at single percent increments…It should be noted that you wont see much of a difference from say 1% to 3%. You more than likely will see the best result when working at 5% increments. I included 1% increments incase you want to dial it in after getting in the ball park of where youd like it. Remember! The closer to 100% the value is the less transparent it is.