Fire color code. Color Codes in Minecraft

As you know, color can affect a person’s state: both mental and physical. Every day, while browsing websites on the Internet, the eyes evaluate millions of colors and shades. A web designer who is familiar with the psychology of color can manipulate the visitor's mood to achieve certain goals.

This is due to the fact that some shades calm, and some, on the contrary, excite. Next we will talk about how color is synthesized and displayed using computer technology.

RGB is a color model that represents a method of obtaining all colors and their shades by mixing in various proportions three main components, which are:

Red color ( Red);
green color (Green);
Blue colour ( Blue).

This is where the abbreviated name RGB comes from. These colors were chosen as the main ones for a reason: the reason is the physiology of the retina of the human eye, and how it perceives them:

The RGB model remains the most popular today and is used to reproduce colors on TV screens and computer monitors. Since manufacturers endow their products different characteristics, was created in 1996 one system RGB-based color synthesis called sRGB, which we collaborated on Microsoft and H.P.

Numerical representation of color

As mentioned earlier, RGB colors are formed by mixing primary colors. To describe the intensity of each of them, a scheme was adopted in which color is represented by the range 0-255 (8 bits), which in hexadecimal notation corresponds to 00-FF.

That is, the primary colors will look like this:

Red – RGB (255,0,0);
Green – RGB (0,255,0);
Blue – RGB (0,0,255);

If the color intensity takes values less than 255, then different shades of red, green and blue are obtained. The following is a table of their gradations, as well as the hexadecimal values of each of the shades:

RGB color tables

Naturally, in addition to gradations of primary colors, there are mixed ones, and their number is quite large. Therefore, a table of RGB colors was created, which presents all existing shades, as well as their names and numerical representations ( in decimal and hexadecimal form).

You can view it here. This table makes life a lot easier for web designers, since in a few seconds you can find the required shade and find out its numerical representation.

Safe RGB color palette

However, at some point there was a problem with displaying colors in different browsers, and to solve it, the so-called “safe” palette of RGB colors was compiled, which were derived by mathematical calculations.

When the browser can't display a color correctly, it will try to get something close to what it needs by mixing adjacent colors, and most likely the result will be completely unacceptable:

By using RGB color codes from this palette, a web developer can have peace of mind regarding the display of colors on the pages of their website when viewed using different browsers, platforms and monitors. Although on this moment the table of safe colors loses its relevance ( technological progress still does not stand still), when using it you can, as they say, sleep peacefully.

Gold color in RGB model

The word “golden” was first used at the beginning of the 14th century to describe the color chemical element called Aurum - gold. In the RGB model, the color gold is represented by the following numerical values:

RGB (255, 215, 0) – decimal system;
HEX #FFD700 – hexadecimal system.

Beige color in RGB model

Beige color takes quite significant place in history, even if he is not the most expressive. Many cultural monuments, especially ancient sculptures, were made of soapstone and soapstone, which have a beige tint. In the RGB model, beige has the following numeric representations:

RGB (245, 245, 220) – decimal system;
HEX #F5F5DC – hexadecimal system.

Nowadays, especially on the World Wide Web, it is rare to see such a “boring” color. Developers give preference to catchy design, using bright colors. Technological progress makes it possible to display a colossal number of colors on monitors, which makes the picture more realistic.

Good bad

Hexadecimal numbers are used to specify colors. The hexadecimal system, unlike the decimal system, is based, as its name suggests, on the number 16. The numbers will be as follows: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Numbers from 10 to 15 are replaced with Latin letters. Numbers greater than 15 in the hexadecimal system are formed by combining two numbers into one. For example, the number 255 in decimal corresponds to the number FF in hexadecimal. To avoid confusion in determining the number system, a hash symbol # is placed before the hexadecimal number, for example #666999. Each of the three colors - red, green and blue - can take values from 00 to FF. Thus, the color symbol is divided into three components #rrggbb, where the first two symbols indicate the red component of the color, the middle two - green, and the last two - blue. It is allowed to use the abbreviated form #rgb, where each character should be doubled. Thus, the entry #fe0 should be regarded as #ffee00.

By name

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Browsers support some colors by their name. In table 1 shows the names, hexadecimal code, RGB, HSL values and description.

Table 1. Names of colors

Name	Code	RGB	HSL	Description
white	#ffffff or #fff	rgb(255,255,255)	hsl(0.0%,100%)	White
silver	#c0c0c0	rgb(192,192,192)	hsl(0.0%,75%)	Grey
gray	#808080	rgb(128,128,128)	hsl(0.0%,50%)	Dark grey
black	#000000 or #000	rgb(0,0,0)	hsl(0.0%,0%)	Black
maroon	#800000	rgb(128,0,0)	hsl(0.100%,25%)	Dark red
red	#ff0000 or #f00	rgb(255,0,0)	hsl(0,100%,50%)	Red
orange	#ffa500	rgb(255,165,0)	hsl(38.8,100%,50%)	Orange
yellow	#ffff00 or #ff0	rgb(255,255,0)	hsl(60,100%,50%)	Yellow
olive	#808000	rgb(128,128,0)	hsl(60,100%,25%)	Olive
lime	#00ff00 or #0f0	rgb(0,255,0)	hsl(120,100%,50%)	Light green
green	#008000	rgb(0,128,0)	hsl(120,100%,25%)	Green
aqua	#00ffff or #0ff	rgb(0,255,255)	hsl(180,100%,50%)	Blue
blue	#0000ff or #00f	rgb(0,0,255)	hsl(240,100%,50%)	Blue
navy	#000080	rgb(0,0,128)	hsl(240,100%,25%)	Dark blue
teal	#008080	rgb(0,128,128)	hsl(180,100%,25%)	Blue-green
fuchsia	#ff00ff or #f0f	rgb(255,0,255)	hsl(300,100%,50%)	Pink
purple	#800080	rgb(128,0,128)	hsl(300,100%,25%)	Violet

Using RGB

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

You can define color using the red, green, and blue values in decimal terms. Each of the three color components takes a value from 0 to 255. It is also permissible to specify the color as a percentage, with 100% corresponding to the number 255. First, specify the rgb keyword, and then specify the color components in parentheses, separated by commas, for example rgb(255 , 128, 128) or rgb(100%, 50%, 50%).

RGBA

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

The RGBA format is similar in syntax to RGB, but includes an alpha channel that specifies the transparency of the element. A value of 0 is fully transparent, 1 is opaque, and an intermediate value like 0.5 is semi-transparent.

RGBA was added to CSS3, so CSS code must be validated against this version. It should be noted that the CSS3 standard is still under development and some features may change. For example, a color in RGB format added to the background-color property is validated, but one added to the background property is no longer valid. At the same time, browsers quite correctly understand the color for both properties.

HSL

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

The name of the HSL format is derived from the combination of the first letters Hue (hue), Saturate (saturation) and Lightness (lightness). Hue is the color value on the color wheel (Fig. 1) and is given in degrees. 0° corresponds to red, 120° to green, and 240° to blue. The hue value can vary from 0 to 359.

Rice. 1. Color wheel

Saturation is the intensity of a color and is measured as a percentage from 0% to 100%. A value of 0% indicates no color and a shade of gray, 100% is the maximum value for saturation.

Lightness specifies how bright the color is and is specified as a percentage from 0% to 100%. Low values make the color darker, and high values make the color lighter; extreme values of 0% and 100% correspond to black and white.

HSLA

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

The HSLA format is similar in syntax to HSL, but includes an alpha channel to specify the element's transparency. A value of 0 is fully transparent, 1 is opaque, and an intermediate value like 0.5 is semi-transparent.

Color values in RGBA formats, HSL and HSLA have been added to CSS3, so when using these formats, check your code for version validity.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Colors

Warning

All lion catching methods listed on the site are theoretical and based on computational methods. The authors do not guarantee your safety when using them and disclaim any responsibility for the results. Remember, a lion is a predator and a dangerous animal!

Arrrgh!

The result of this example is shown in Fig. 2.

Rice. 2. Colors on the web page

In HTML, color can be specified in three ways:

Setting a color in HTML by its name

Some colors can be specified by their name, using the color name on the English language. The most common keywords: black, white, red, green, blue, etc.:

Text color – red

The most popular colors of the World Wide Web Consortium (W3C) standard:

Name	Name	Name	Name
Black	Gray	Silver	White
Yellow	Lime	Aqua	Fuchsia
Red	Green	Blue	Purple
Maroon	Olive	Navy	Teal

Example of using different color names:

Example: specifying a color by its name

Try it yourself "

Header on red background

Header on orange background

Heading on lime background

White text on blue background

Header on red background

Header on orange background

Heading on lime background

White text on blue background

Specifying Color Using RGB

When displaying different colors on a monitor, the RGB palette is used as a basis. Any color is obtained by mixing three basic ones: R - red, G - green, B - blue. The brightness of each color is specified as a single byte and can therefore take values from 0 to 255. For example, RGB(255,0,0) is displayed as red because red is set to its most high value(255), and the rest are set to 0. You can also set the color as a percentage. Each parameter indicates the brightness level of the corresponding color. For example: the values rgb(127, 255, 127) and rgb(50%, 100%, 50%) will set the same medium green color:

Example: Specifying Color Using RGB

Try it yourself "

rgb(127, 255, 127)

rgb(50%, 100%, 50%)

rgb(127, 255, 127)

rgb(50%, 100%, 50%)

Set color by hexadecimal value

Values R G B can also be specified using hexadecimal (HEX) color values in the form: #RRGGBB where RR (red), GG (green) and BB (blue) are hexadecimal values from 00 to FF (same as decimal 0-255) . The hexadecimal system, unlike the decimal system, is based, as its name suggests, on the number 16. The hexadecimal system uses the following signs: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here the numbers from 10 to 15 are replaced by Latin letters. Numbers greater than 15 in the hexadecimal system are represented by combining two characters into one value. For example, the largest number 255 in decimal corresponds to the highest FF value in hexadecimal. Unlike the decimal system, a hexadecimal number is preceded by a hash symbol. # , for example, #FF0000 is shown as red because red is set to its highest value (FF) and the rest of the colors are set to their minimum value (00). Signs after the hash symbol # You can type in both uppercase and lowercase. The hexadecimal system allows you to use the abbreviated form #rgb, where each character is equivalent to double. Thus, the entry #f7O should be regarded as #ff7700.

Example: HEX Color

Try it yourself "

red: #FF0000

green: #00FF00

blue: #0000FF

red: #FF0000

green: #00FF00

blue: #0000FF

red+green=yellow: #FFFF00

red+blue=purple: #FF00FF

green+blue=cyan: #00FFFF

List of common colors (name, HEX and RGB):

English name	Russian name	HEX	RGB
Amaranth	Amaranth	#E52B50	229	43	80
Amber	Amber	#FFBF00	255	191	0
Aqua	Blue-green	#00FFFF	0	255	255
Azure	Azure	#007FFF	0	127	255
Black	Black	#000000	0	0	0
Blue	Blue	#0000FF	0	0	255
Bondi Blue	Bondi beach water	#0095B6	0	149	182
Brass	Brass	#B5A642	181	166	66
Brown	Brown	#964B00	150	75	0
Cerulean	Azure	#007BA7	0	123	167
Dark spring green	Dark spring green	#177245	23	114	69
Emerald	Emerald	#50C878	80	200	120
Eggplant	Eggplant	#990066	153	0	102
Fuchsia	Fuchsia	#FF00FF	255	0	255
Gold	Gold	#FFD700	250	215	0
Gray	Grey	#808080	128	128	128
Green	Green	#00FF00	0	255	0
Indigo	Indigo	#4B0082	75	0	130
Jade	Jade	#00A86B	0	168	107
Lime	Lime	#CCFF00	204	255	0
Malachite	Malachite	#0BDA51	11	218	81
Navy	Dark blue	#000080	0	0	128
Ochre	Ocher	#CC7722	204	119	34
Olive	Olive	#808000	128	128	0
Orange	Orange	#FFA500	255	165	0
Peach	Peach	#FFE5B4	255	229	180
Pumpkin	Pumpkin	#FF7518	255	117	24
Purple	Violet	#800080	128	0	128
Red	Red	#FF0000	255	0	0
Saffron	Saffron	#F4C430	244	196	48
Sea Green	Green sea	#2E8B57	46	139	87
Swamp green	Bolotny	#ACB78E	172	183	142
Teal	Blue-green	#008080	0	128	128
Ultramarine	Ultramarine	#120A8F	18	10	143
Violet	Violet	#8B00FF	139	0	255
Yellow	Yellow	#FFFF00	255	255	0

Color codes (background) by saturation and hue.

Vlad Merzhevich

In HTML, color is specified in one of two ways: using hexadecimal code and by the name of certain colors. The method based on the hexadecimal number system is predominantly used, as it is the most universal.

Hexadecimal colors

HTML uses hexadecimal numbers to specify colors. The hexadecimal system, unlike the decimal system, is based, as its name suggests, on the number 16. The numbers will be as follows: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Numbers from 10 to 15 are replaced by Latin letters. In table 6.1 shows the correspondence between decimal and hexadecimal numbers.

Numbers greater than 15 in the hexadecimal system are formed by combining two numbers into one (Table 6.2). For example, the number 255 in decimal corresponds to the number FF in hexadecimal.

To avoid confusion in defining the number system, a hexadecimal number is preceded by a hash symbol #, for example #aa69cc. In this case, the case does not matter, so it is permissible to write #F0F0F0 or #f0f0f0.

A typical color used in HTML looks like this.

Here the background color of the web page is set to #FA8E47. The hash symbol # in front of a number means it is hexadecimal. The first two digits (FA) define the red component of the color, the third through fourth digits (8E) define the green component, and the last two digits (47) define the blue component. The end result will be this color.

F.A.

FA8E47

Each of the three colors - red, green and blue - can take values from 00 to FF, resulting in a total of 256 shades. Thus, the total number of colors can be 256x256x256 = 16,777,216 combinations. A color model based on red, green and blue components is called RGB (red, green, blue; red, green, blue). This model is additive (from add - add), in which the addition of all three components forms the color white.

To make it easier to navigate hexadecimal colors, take into account some rules.

If the values of the color components are the same (for example: #D6D6D6), then the result will be a gray tint. How larger number, the lighter the color, with values ranging from #000000 (black) to #FFFFFF (white).
A bright red color is formed if the red component is made maximum (FF) and the remaining components are set to zero. A color with a value of #FF0000 is the reddest possible red shade. The same is true for green (#00FF00) and blue (#0000FF).
Yellow(#FFFF00) is obtained by mixing red and green. This is clearly visible on the color wheel (Fig. 6.1), which presents the primary colors (red, green, blue) and complementary or additional ones. These include yellow, cyan and violet (also called magenta). In general, any color can be obtained by mixing colors close to it. Thus, cyan (#00FFFF) is obtained by combining blue and green.

Rice. 6.1. Color circle

Colors based on hexadecimal values do not have to be empirically selected. For this purpose, a graphic editor that can work with different color models, for example, Adobe Photoshop, is suitable. In Fig. Figure 6.2 shows the window for selecting a color in this program; the resulting hexadecimal value of the current color is outlined with a line. You can copy and paste it into your code.

Rice. 6.2. Window for choosing colors in Photoshop

Web colors

If you set the monitor's color rendering quality to 8 bits (256 colors), then the same color can be displayed in different browsers in my own way. This is due to the way graphics are displayed, when the browser works with its own palette and cannot show a color that is not in its palette. In this case, the color is replaced by a combination of pixels of other, close to it, colors that imitate the given one. To ensure that the color remains the same across different browsers, a palette of so-called web colors was introduced. Web colors are those colors for which each component - red, green and blue - is set to one of six values - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). The hexadecimal value of this component is indicated in brackets. Total colors from all possible combinations gives 6x6x6 - 216 colors. An example web color is #33FF66.

The main feature of web color is that it appears the same in all browsers. At the moment, the relevance of web colors is very small due to the improvement in the quality of monitors and the expansion of their capabilities.

Colors by name

To avoid having to remember a set of numbers, you can use the names of commonly used colors instead. In table 6.3 shows the names of popular color names.

Table 6.3. Names of some colors

Color name	Description	Hexadecimal value
black	Black	#000000
blue	Blue	#0000FF
fuchsia	Light purple	#FF00FF
gray	Dark grey	#808080
green	Green	#008000
lime	Light green	#00FF00
maroon	Dark red	#800000
navy	Dark blue	#000080
olive	Olive	#808000
purple	Dark purple	#800080
red	Red	#FF0000
silver	Light gray	#C0C0C0
teal	Blue-green	#008080
white	White	#FFFFFF
yellow	Yellow	#FFFF00

It doesn't matter whether you specify a color by its name or by using hexadecimal numbers. These methods are equal in their effect. Example 6.1 shows how to set the background and text colors of a web page.

Example 6.1. Background and text color

Colors

Example text

IN in this example The background color is set using the bgcolor attribute of the tag , and the text color through the text attribute. For variety, the value of the text attribute is set to a hexadecimal number, and the bgcolor attribute is set to a reserved one keyword teal.

Minecraft Codes colors, or Minecraft codes formatting, allow any player to add flowers and format text in every possible way directly in Minecraft. Color codes from &0-9 - to &a-f. Add them before your text. Messages from players can contain color codes that allow you to add color to your sentences.

Colors and formatting codes

The ampersand sign (&) followed by a hexadecimal number in messages signals the client to switch colors when displaying text. Additionally, text can be formatted with an & followed by a letter. You can add different colors to books, command blocks, server name, server description (motd), in the names of worlds, in signs and even in player names.

It's very easy to format your text in configs or in game using the color chart below. &r is used to reset all codes, i.e. &mAAA&rBBB will be displayed as AAA BBB.

We present a table of existing color codes in Minecraft for your convenience:

Code	Name	Technical Name	Symbol color				Symbol shadow color
Code	Name	Technical Name	R	G	B	Hex	R	G	B	Hex
&0	Black	black	0	0	0	000000	0	0	0	000000
&1	Dark blue	dark_blue	0	0	170	0000AA	0	0	42	00002A
&2	Dark green	dark_green	0	170	0	00AA00	0	42	0	002A00
&3	Dark blue-green	dark_aqua	0	170	170	00AAA	0	42	42	002A2A
&4	Dark red	dark_red	170	0	0	AA0000	42	0	0	2A0000
&5	Dark purple	dark_purple	170	0	170	AA00AA	42	0	42	2A002A
&6	Gold	gold	255	170	0	FFAA00	42	42	0	2A2A00
&7	Grey	gray	170	170	170	AAAAAA	42	42	42	2A2A2A
&8	Dark grey	dark_gray	85	85	85	555555	21	21	21	151515
&9	Blue	blue	85	85	255	5555FF	21	21	63	15153F
&a	Green	green	85	255	85	55FF55	21	63	21	153F15
&b	Blue-green	aqua	85	255	255	55FFFF	21	63	63	153F3F
&c	Red	red	255	85	85	FF5555	63	21	21	3F1515
&d	Light purple	light_purple	255	85	255	FF55FF	63	21	63	3F153F
&e	Yellow	yellow	255	255	85	FFFF55	63	63	21	3F3F15
&f	White	white	255	255	255	FFFFFF	63	63	63	3F3F3F

Sometimes it is necessary underline, cross out, highlight any text. This is done using text formatting. It is used in exactly the same way as colors (we put before the text code, for example &lMinecraft = Minecraft.

For your convenience, below is a table of formatting codes: