# UI Color Palette 23

## Key Feature

{% embed url="<https://drive.google.com/file/d/1e8FRAhasRskpVLT4CCdPYTZifcbR0JJB/view?usp=drive_link>" %}

Color Spaces can be managed throughout the UI Color Palette. This allows you to select and switch between various color spaces, such as LCH, OKLCH, LAB, OKLAB, and HSL. By doing so, you can ensure that the contrast and lightness of your designs are consistent, especially when using the OKLCH and OKLAB color spaces. Furthermore, managing color spaces in the UI Color Palette provides a more efficient and streamlined workflow, allowing you to focus on the creative aspects of your design without worrying about the technical details.

Furthermore, the HSL color space lets you include the source colors in the palette, ensuring you can retrieve your brand's color references.

## Improvements

### Get more color models in the tokens

<figure><img src="/files/f9Eg5ksJpzS65neNNysR" alt=""><figcaption></figcaption></figure>

In the tokens (JSON export), you can access more than just the RGB, LCH, and Hex values. The following additional color values are available for various color spaces:

* GL (useful for Apple OS color declarations).
* OKLCH.
* CIELAB.
* OKLAB.
* HSL.

## Minor Changes

* The controller displays the number of lightness stops.
* The controller displays the number of source colors.
* If the palette is empty, a message will invite you to add a source color.
* Source color names are displayed at the top of the palette.
* The lightness stop is emphasized when its input is open.
* The exported file name will be based on the palette name.
* The CSS Custom properties are separated by the source color name.
* Stops are included as an object key rather than pushed into an array in the JSON export.

## Bug Fixes

* The configuration for the lightness scale is applied to the newly created palette.
* The CSV export function works, but a warning will be returned if the palette has no source color.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-23.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
