Use Hex Code to Mix Colors
Hints
Hint 1
In order to change the color of a class within the style element, we simply replace the color itself with the hexcode shown below.
Before
<style>
.ClassName {
color: black;
}
</style>
After
<style>
.ClassName {
color: #FFFFFF; /*this represents the hex code of the colour, white*/
}
</style>
Note: In the class,.ClassName
, within the <style>
element, the color has changed from a color of black
into the hexcode, #FFFFFF
, which shows that the color of the class .ClassName
has changed from black to white in the <style>
element.
Solutions
Solution 1 (Click to Show/Hide)
From the Problem above, we need to change black
from the color
element in the <style>
element, into the given hex codes from the table based on the colour that the class needs. For example, the class .red-text
clearly needs their color
element to be changed from black
into a red colour, where the table gives us the hex code of #FF0000
for the colour red, which is shown below.
Before changing color
of class .red-text
<style>
.red-text {
color: black;
}
</style>
After changing color
of class .red-text
<style>
.red-text {
color: #FF0000; /* Color has changed into red when we used this hex code from the table*/
}
</style>
Final Solution
After changing color
of other classes, the final solution reveals that we have changed the color
element of these text classes with hex codes shown below:
<style>
.red-text {
color: #FF0000;
}
.green-text {
color: #00FF00;
}
.dodger-blue-text {
color: #1E90FF;
}
.orange-text {
color: #FFA500;
}
</style>