<p>If you have created a Color Field the color selector dialogue uses your browsers built-in color selector.</p>

<p>On Chrome and Firefox, you should see a dialogue like this: </p>

<p>| <img src="https://i.sstatic.net/mCOXg.png" alt="enter image description here">  | <img src="https://i.sstatic.net/emV3H.png" alt="enter image description here"> |</p>

<p>If you click over to the 2nd tab (indicated by the sliders) you'll be able to insert a <code>hex</code> value for the color in the input field at the bottom.</p>

<p>In Firefox you'll need to select RGB Sliders from the dropdown, then you'll see the Hex color input at the bottom.</p>

<p><img src="https://i.sstatic.net/Nc3j7.png" alt=""></p>

CC BY-SA 3.0
2015-01-06T18:18:16.003Z
So Chrome and Safari: yes, Firefox: no? I hadn't found that in Chrome, so thanks!!
Marion Newlevant
CC BY-SA 3.0
2015-01-06T18:29:31.823Z
I added a screenshot for Firefox. The Hex input is there, just a bit hidden.
Brett DeWoody
CC BY-SA 3.0
2015-07-23T22:14:39.543Z
For what it's worth, the native color picker that Craft activates in Windows 7 (in Chrome) is the same fugly one in use since Windows 95: https://i.sstatic.net/awjVW.png - I'd urge integration of a Javascript-based custom color picker.
Sandwich
CC BY-SA 3.0
2015-01-06T06:03:52.360Z
2015-01-06T18:29:01.007Z
2015-01-06T18:29:01.007Z
Brett DeWoody
<p>Can I set the value of a <a href="http://buildwithcraft.com/docs/color-fields" rel="nofollow">Color Field</a> to a hex value? Or only if the particular browser's color picker supports this? Maybe this is a feature request: please let us get and set color values in hex.</p>

<fieldtypes>
Can I set color fields by hex value
# Can I set color fields by hex value

(Asked by: username_0 on 2015-01-06)

Can I set the value of a [Color Field](http://buildwithcraft.com/docs/color-fields) to a hex value? Or only if the particular browser's color picker supports this? Maybe this is a feature request: please let us get and set color values in hex.

**Tags:** fieldtypes


---

## 1 answers

### Answer by username_1 on 2015-01-06. Score: 5 | Accepted answer

If you have created a Color Field the color selector dialogue uses your browsers built-in color selector.

On Chrome and Firefox, you should see a dialogue like this:

| ![enter image description here](https://i.sstatic.net/mCOXg.png) | ![enter image description here](https://i.sstatic.net/emV3H.png) |

If you click over to the 2nd tab (indicated by the sliders) you'll be able to insert a `hex` value for the color in the input field at the bottom.

In Firefox you'll need to select RGB Sliders from the dropdown, then you'll see the Hex color input at the bottom.

![](https://i.sstatic.net/Nc3j7.png)

> **Comments:**
> **username_0**: So Chrome and Safari: yes, Firefox: no? I hadn't found that in Chrome, so thanks!!  
> **username_1**: I added a screenshot for Firefox. The Hex input is there, just a bit hidden.  
> **username_2**: For what it's worth, the native color picker that Craft activates in Windows 7 (in Chrome) is the same fugly one in use since Windows 95: https://i.sstatic.net/awjVW.png - I'd urge integration of a Javascript-based custom color picker.  

---

