Use RGB to Mix Colors, Please help

Use RGB to Mix Colors, Please help
0.0 0

#1

I’m having a bit of a problem with this one. This is my code

<style>
  .red-text {
    color: #000000;
  }
  .orchid-text {
    color: #000000;
  }
  .sienna-text {
    color: #000000;
  }
  .blue-text {
    color: #000000;
  }
</style>

<h1 class="(0, 0, 255-text">I am (0, 0, 255)!</h1>

<h1 class="orchid-text">I am (218, 112, 214)!</h1>

<h1 class="sienna-text">I am (160, 82, 45)!</h1>

<h1 class="blue-text">I am (0, 0, 255)!</h1>

#2

I’ve edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard.


#3

What you are trying to do in this challenge is adjust the color property of each class defined in the section. Currently, each of them is set to #000000 which is black. They give you the RGB for each color, so all you have to do is replace each #000000 with the corresponding rgb statement. For example for the orchid-text class, you would change:

  .orchid-text {
    color: #000000;
  }

to

  .orchid-text {
    color: rgb(218, 112, 214);
  }

NOTE: You changed the original class name specified in the first h1 tag from:

<h1 class="red-text">I am (0, 0, 255)!</h1>

to

<h1 class="(0, 0, 255-text">I am (0, 0, 255)!</h1>

so you will need to change it back to the original in order to pass the tests.


#4

(0, 0, 255-text is not the name of a class.


#5

The code looks good except for the first h1, where you have edited the class name to “(0, 0, 255-text” instead of “red-text”.


#6

hello still having a bit of an issue. This is how far I’ve progressed so far.

<style>
  .red-text {
    color:rgb(255, 0, 0)
  }
  .orchid-text {
    color: rgb(218, 112, 214)
  }
  .sienna-text {
    color: rgb(160, 82, 45)
  }
  .blue-text {
    color: rgb(0, 0, 255)
  }
</style>

<h1 class="red-text">I am (255, 0, 0)!</h1>

<h1 class="orchid-text">I am (218, 112, 214)!</h1>

<h1 class="sienna-text">I am (160, 82, 45)!</h1>

<h1 class="blue-text">I am (0, 0, 255)!</h1>

someone please help?


#7

You are almost there. Remember, each selector property needs to end with a semi-colon.


#8

And you only need 1 set of the RGB values in the code.


#9

…It’s still saying I don’t have the blue output blue in color, and it is displayed as such. It also says I don’t have rgb included in my declaration, and it is so.

Well, I’ve tried it with orange because when I clicked on ‘hint’ it just gives the orange code. However, that still did not work out for me… Lol!


<style>
  .red-text {
    color: rgb(255, 0, 0);
  }
  .orchid-text {
    color: rgb(218, 112, 214);
  }
  .sienna-text {
    color: rgb(160, 82, 45);
  }
  .blue-text {
    color: rgb(0, 0, 225);
  }
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="orchid-text">I am orchid!</h1>

<h1 class="sienna-text">I am sienna!</h1>

<h1 class="blue-text">I am blue!</h1>

#10

@Paradox17 - I’ve edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


#11

The Blue in the instructions is rgb(0, 0, 255) not rgb(0, 0, 225)