# CUSTOM COLOR PALETTE

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FntUn2geXaNc9M0rMRzxu%2Fezgif-5c8cbb9412a7f0.webp?alt=media&#x26;token=65fda444-caf6-43cb-9027-9d1e3592af07" alt=""><figcaption></figcaption></figure>

Depending on the tool/asset type, the custom color table will either offer some [color presets](#color-presets) to choose from, or a [full color picker](#full-color-picker).&#x20;

* On the screenshot below, you can access the preset colors by clicking on the colored rectangle (the pointing down arrow means there are preset colors), and access the picker by clicking on the picker icon next to it.&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfJbGKSzopNdk8EN2IyMyQEMBWJtKNA_OsBtF6UCncD4cz7HB9JMkrFxcWh-07dudo77Sig9oZGIyIhpwwJr1UHsyBtpPufeW4DxbzCpx02llVGOt-jy6vTxYY3DufZNKjzAnq_Jg?key=yb7pPfKqh-ggF4DAtKAOvkMp" alt=""><figcaption><p>Example of a colorable tool (Objects)</p></figcaption></figure>

* On this second screenshot, there’s no arrow so the only option will be the color picker, available by clicking on the rectangle.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FK5jrEvIWzpGN54ski0Nm%2Fimage.png?alt=media&#x26;token=59d9fb77-95df-4b11-b4f0-068665d3f34d" alt=""><figcaption><p>Another example of a colorable tool (Building Tool)</p></figcaption></figure>

## COLOR PRESETS

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfqLKbW6BD0gxOHIHzzn2eMloYFTEsOBWTEuOFVdGixhFjE7Whb8CZgnnTDo9VGsnkad83oGCU0DuIpWwj6A_9EOEcJpAr9-TBl7Mclvrgxl2VuIlGsdEH53qbl_smvp7PFleMU?key=yb7pPfKqh-ggF4DAtKAOvkMp" alt=""><figcaption><p>The colorable palette in the Objects Tool</p></figcaption></figure>

When you have access to preset colors, you can click on any circle to apply its color to your select asset, or to the next one you will place. Click anywhere on the map to close the color picker.\
\
You can also click on the <kbd><mark style="color:blue;">**+**<mark style="color:blue;"></kbd> icon at the bottom to open the full color picker and **add** your own colors to the list.

## FULL COLOR PICKER

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf9HswO6HQ3k08kiA8-j82zyLtgSCOGKJavz0Q8LE1KKiDJsJjRgqbBplSqFQ-5QGbkUUHOUTwg04CmRwqtGQiOqvuLdPKpWvSIrd3ghnKfbbTH7raj8oAUpyNPWqF_VoMmL0BLbg?key=yb7pPfKqh-ggF4DAtKAOvkMp" alt=""><figcaption></figcaption></figure>

1 - You can pick your color by eye. You can slide or click up and down the vertical spectrum bar on the right, then you slide or click to move the crosshairs in the larger box on the left.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FJiGFsBfSr7yPNlWIYDID%2Fimage.png?alt=media&#x26;token=c735d9d8-d4b0-4b81-95d1-e226ab275c6d" alt=""><figcaption></figcaption></figure>

2 - This allows you to pick a color from anywhere on the map. Click the little eyedropper icon ![](https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FT8FZ7JUYsMZRMJ4Yh3Om%2Fimage.png?alt=media\&token=9c8c1e0f-2c82-4923-8d27-51868cb534ec), then click on the color you want to use. You will see the top color bar change to indicate the new color.

3 - This shows the current color to be used when you click <kbd><mark style="color:blue;">**Accept**<mark style="color:blue;"></kbd> or click anywhere on the map to close the color picker.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2Fg3XZjmfqxxiapjyUiZoo%2Fimage.png?alt=media&#x26;token=40328bb5-d3db-4afa-a1bd-0487b7538b0c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FMVmKe7l0E8LTw4UCGJCB%2Fimage.png?alt=media&#x26;token=7780b9ff-6bc5-4694-b6f5-06143e1e765a" alt=""><figcaption></figcaption></figure>

4 - You can directly select the **RGB levels** (red, green, blue) by using the sliders or by directly editing the numbers.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2F6lgXZa0ZyKnAf0v0VRVe%2Fimage.png?alt=media&#x26;token=cfc30d91-105f-4bcc-8dd2-f17e5c5b93b5" alt=""><figcaption></figcaption></figure>

5 - The slider for A controls the **alpha** (the **transparency)**. If you want your [floor](https://unofficial-dd-manual.gitbook.io/dungeondraft/all-the-tools/design-tab/pattern-shape-tool), [wall](https://unofficial-dd-manual.gitbook.io/dungeondraft/all-the-tools/design-tab/wall-tool) or [object](https://unofficial-dd-manual.gitbook.io/dungeondraft/all-the-tools/objects-tab/objects-tool) to be semi-transparent, turn down the **alpha** a bit. If you want full **transparency**, turn it down all the way.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FD9GYKH1Aqku6Bxxy2eYF%2Fimage.png?alt=media&#x26;token=db12237b-b2fb-4cdc-a3ff-e540497f159c" alt=""><figcaption></figcaption></figure>

6 - This is the **hex code** for the current color. If you want to use this color from another map or from another [level](https://unofficial-dd-manual.gitbook.io/dungeondraft/all-the-tools/settings-tab/level-settings) of the same map, you won’t be able to use the eyedropper to pick that color. Instead, you can copy and paste the hex code.

<figure><img src="https://717747526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FonbNaZHYfX7cze8ubfnQ%2Fuploads%2FDKwWHFDyzRe7ODrFSKMz%2Fimage.png?alt=media&#x26;token=e50731d5-1262-4e02-aa2b-5d08a0037685" alt=""><figcaption></figcaption></figure>

***

{% hint style="info" %}

## Related Mods

* [Colour And Modify Things](https://unofficial-dd-manual.gitbook.io/dungeondraft/custom-assets-and-mods/some-useful-mods/colour-and-modify-things-beta) allows you to recolor almost anything and adds more color options.
  {% endhint %}
