freecodecamp--freecodecamp/curriculum/challenges/english/blocks/basic-css/bad87fee1348bd9aede08718.md

id, title, challengeType, videoUrl, forumTopicId, dashedName

id	title	challengeType	videoUrl	forumTopicId	dashedName
bad87fee1348bd9aede08718	Use RGB values to Color Elements	0	https://scrimba.com/c/cRkp2fr	18369	use-rgb-values-to-color-elements

--description--

Another way you can represent colors in CSS is by using RGB values.

The RGB value for black looks like this:

rgb(0, 0, 0)

The RGB value for white looks like this:

rgb(255, 255, 255)

Instead of using six hexadecimal digits like you do with hex code, with RGB you specify the brightness of each color with a number between 0 and 255.

If you do the math, the two digits for one color equal 16 times 16, which gives us 256 total values. So RGB, which starts counting from zero, has the exact same number of possible values as hex code.

Here's an example of how you'd change the body background to orange using its RGB code.

body {
  background-color: rgb(255, 165, 0);
}

--instructions--

Let's replace the hex code in our body element's background color with the RGB value for black: rgb(0, 0, 0)

--hints--

Your body element should have a black background.

const body = document.querySelector('body');
const backgroundColor = window.getComputedStyle(body)['background-color']; 
assert.strictEqual(backgroundColor, 'rgb(0, 0, 0)');

You should use rgb to give your body element a background of black.

assert.match(__helpers.removeCssComments(code), /rgb\s*\(\s*0\s*,\s*0\s*,\s*0\s*\)/gi);

--seed--

--seed-contents--

<style>
  body {
    background-color: #F00;
  }
</style>

--solutions--

<style>
  body {
    background-color: rgb(0, 0, 0);
  }
</style>