---
title: Color creation
framework: uikit
role: collectionGroup
role_heading: API Collection
path: uikit/color-creation
---

# Color creation

Load colors from asset catalogs and create colors from raw component values.

## Overview

Overview Create color objects when you want to use specific colors in your UI, altering the raw component values used by grayscale, RGB, HSB, and CMYK. You can set the specified opacity and RGB component values to create personalized colors that fit your needs. Create colors dynamically by component values changing based on the currently active traits. You can use pattern colors to set the fill or stroke color.

## Topics

### Creating a color from component values

- [init(white:alpha:)](uikit/uicolor/init(white:alpha:).md)
- [init(hue:saturation:brightness:alpha:)](uikit/uicolor/init(hue:saturation:brightness:alpha:).md)
- [init(red:green:blue:alpha:)](uikit/uicolor/init(red:green:blue:alpha:).md)
- [init(red:green:blue:alpha:exposure:)](uikit/uicolor/init(red:green:blue:alpha:exposure:).md)
- [init(red:green:blue:alpha:linearExposure:)](uikit/uicolor/init(red:green:blue:alpha:linearexposure:).md)
- [init(displayP3Red:green:blue:alpha:)](uikit/uicolor/init(displayp3red:green:blue:alpha:).md)
- [init(named:)](uikit/uicolor/init(named:).md)
- [init(named:inBundle:compatibleWithTraitCollection:)](uikit/uicolor/init(named:inbundle:compatiblewithtraitcollection:).md)

### Creating a color dynamically

- [init(dynamicProvider:)](uikit/uicolor/init(dynamicprovider:).md)

### Creating a color from another color object

- [init(_:)](uikit/uicolor/init(_:).md)
- [init(ciColor:)](uikit/uicolor/init(cicolor:)-2z057.md)
- [init(cgColor:)](uikit/uicolor/init(cgcolor:)-27r9g.md)
- [withAlphaComponent(_:)](uikit/uicolor/withalphacomponent(_:).md)

### Creating a pattern-based color

- [init(patternImage:)](uikit/uicolor/init(patternimage:).md)

### Creating a color from a resource

- [init(resource:)](uikit/uicolor/init(resource:).md)

## See Also

### Getting existing colors

- [UI element colors](uikit/ui-element-colors.md)
- [Standard colors](uikit/standard-colors.md)