Small Javascript application supporting color coding design for a set of labels.
You can move your category labels on the color spectrum to assign them a color.
The color scheme is based on the HSL color model. What you see on the screen is the hue ranging from 0 to 360 and the luminance from 5% to 95%. Saturation is always 100%.
You can add a label. It appears roughly in the centre of the spectrum area.
Double click on the design area adds a label.
A click on the label starts editing of the corresponding text field. When a label text is edited it is highlighted on the visualization area.
You can change the label name in the label list below the rainbow area. Color can be assigned by a color picker as well but the choice is mapped to the limited HSL range mentioned above.
You can sort your labels with respect to the hue values.
Import and export to files is possible.
Drag a label out of the color area to delete it.
Drag'n'drop input CSV file on the colors area to load it.
You can save or load the labels to a .csv file.
Format supporting MS Excel is used on save with the sep= header.
Input files need to have label and color columns
or the first column is treated as label and the second one is the color.
Labels are stored in the sequence visible on the screen. Sort your labels if you want to have them ordered by hue.
Only hex codes are supported in the .csv files.
Importing .csv with quoted fields is not supported.
Avoid using , (or the separator character in general) in the label names.