# How to give each letter a different color - Learning React?
**URL:** https://forum.kirupa.com/t/how-to-give-each-letter-a-different-color-learning-react/655953
**Category:** web dev
**Created:** [January 2, 2023, 9:22pm UTC](https://forum.kirupa.com/t/how-to-give-each-letter-a-different-color-learning-react/655953 "2023-01-02T21:22:55Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@Ettenytten](https://forum.kirupa.com/u/Ettenytten)
#### Post date: [January 2, 2023, 9:22pm UTC](https://forum.kirupa.com/t/how-to-give-each-letter-a-different-color-learning-react/655953/1 "2023-01-02T21:22:55Z")
Help pls. I wanted to attain that results from the book Learning REACT as a beginner. And I follow all procedure from the book, but I didn’t manage to make the results that will create all the 5 letters to have different colors on each background.
```auto
Styling in React
```
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [January 2, 2023, 9:34pm UTC](https://forum.kirupa.com/t/how-to-give-each-letter-a-different-color-learning-react/655953/2 "2023-01-02T21:34:02Z")
Hi @Ettenytten - welcome to the forums! Right now, you have all of your letters hard-coded to be `#ffde00` as defined in `letterStyle`:
`backgroundColor: "#ffde00",`
In the book, you’ll see later in the chapter where we pass in a prop to the `Letter` component that defines the color. We then read that `prop` and assign the color value to our `letterStyle` object.
Have you tried that code and aren’t able to see the results? If so, please post the code from that section and we can help you out further! 🙂
Cheers,
Kirupa