<!--
{
  "documentType" : "article",
  "framework" : "TVML",
  "identifier" : "/documentation/TVML/color",
  "metadataVersion" : "0.1.0",
  "role" : "article",
  "title" : "color"
}
-->

# color

Changes the color of an element.

## Overview

Use the `color` style to change the color an an element. Here’s an example of how
to change the text color inside of a `description` element.

```xml
<description style="color:rgb(0,0,255,0.3)">Light purple</description>
```

### Values for color

- `rgb(r,g,b)`: The background color of an element, where `r,g,b` are the red,
  green, and blue color components, and have a value range from `0-255`.
- `rgba(r,g,b,a)`: The background color of an element, where `r,g,b` are the
  red, green, and blue color components, and have a value range from `0-255`, and `a`
  is the alpha applied to the color, ranging from `0.0-1.0`.
- `transparent`: The background color of the element is transparent.

### Elements that Use color

- [decorationLabel](/documentation/TVML/decorationlabel)
- [description](/documentation/TVML/description)
- [ordinal](/documentation/TVML/ordinal)
- [segmentBar](/documentation/TVML/segmentbar)
- [subtitle](/documentation/TVML/subtitle)
- [text](/documentation/TVML/text)
- [textBadge](/documentation/TVML/textbadge)
- [title](/documentation/TVML/title)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)