Hex shortcode support
Typing in #333 should auto-complete to #333333, not #000333. Makes UI design frustrating for those with a dev background.
Chris LaChance
shared this idea
Beta build 29.4.0.49 now adds enhanced hex code format and extends support for input color values in decimal format, string name format.
Shortened Codes: single-digit (F = FF0000), double-digit (FA = FAFAFA), three-digit (123 = 112233)
Decimal Format Support: enter values like 12,255,09 or 12 255 09 or 12.255.09 and get accurate translations — 0cff09.
Predefined CSS Color Names: use names like 'red' (FF0000), 'blue' (0000FF), or even partial matches like 'ye' for yellow (FFFF00).
Please try this and comment back if it works as you expect it to.
-
Should also work in every HEX input Ai now has
-
JamesProvost
commented
Six years waiting for a pretty simple quality of life improvement.
Figma's colour entry is really elegant:
Enter 8 >> Result: #888888
Enter 8f >> #8F8F8F
Enter 8f5 >> #88FF55...and if you happen to copy-paste a color in a different format, like RGB, even RGBA, no problem:
Enter 127, 127 ,127 >> #7F7F7F
Enter 255, 99, 71, 0.5 >> #FF6347Ideally, this behaviour would work both in the Color panel and Color Picker modal.
-
Kitta Perttula commented
The six values of the “hexagon” color are in pairs. So in this case inserting “33” sould be also autofilled as “333333”. This would make the usage faster. I would like to see the first digits of the hexagon value too to tell the opacity. Eg. In xaml you use the whole hexagon value.