Candy Logo
Color Selector
The Color Selector picks a color and writes it in the chosen notation: into the field being edited, or onto the clipboard. It also supplies the color of the color tags of the Inserts panel.
Color Selector
The Controls
ControlWhat it does
The color buttonOpens the color picker.
The mode buttonHow the numbers are written. Click to cycle: Hex, 0-1, 0-255.
The format buttonWhat surrounds them. Click to cycle: Code, Color().
↓Types the color text at the caret of the field being edited.
CCopies the color text to the clipboard.
The color textThe color as it will be typed. It can be selected and copied.
Notations
ModeCodeColor()
Hex#ff8800Color("#ff8800")
0-11, 0.533, 0Color(1, 0.533, 0)
0-255255, 136, 0Color8(255, 136, 0)
A color that isn't fully opaque also writes its transparency: #ff880080.
  • Use Hex and Code for BBCode tags and most color fields.
  • Use Color() in expressions and wherever GDScript is expected.
Color Tags The color inserts of the Inserts panel (Color, BG Color, FG Color, OL Color) use the color of the Color Selector that has the same reference as their panel. To color some words: 1. Pick the color in the Color Selector. 2. Select the words in the text. 3. Click Color in the Inserts panel. The tag is always written in hexadecimal, whatever the Color Selector's mode. Each Color Selector has a reference of its own: a new one takes the lowest number no other has. With two Color Selectors and two Inserts panels, two colors are available at once. Options Right-click the panel and choose Options.
OptionDescription
ReferenceInserts panels with this reference read their color tags' color from this panel. No two Color Selectors can have the same.
Single rowPlaces everything on one row, for a wide and short Area.
Scroll when the contents don't fitWhen off, the panel can't shrink below its contents.
Minimum Size, Maximum SizeThe minimum and maximum size of the panel's Area.
Each Color Selector retains its own color, mode and format.