The current paint set looks good, and like the crayola set, but has some odd definitions for some of the colors, which give funny results when snapping to the color palette-- in particular for the violet range.
To improve the situation, I would suggest using the named HTML color values: Black, Red, Orange, Yellow, Green, Blue, Purple, Saddle Brown. These look good enough on the page, and behave much better when starting with an existing SVG document.
{
"name": "Crayola Classic",
"styles" : {
"src" : "crayola_classic.css",
"baseClass": "crayola-classic"
},
"colors": [
{"Black": "#000000"},
{"Red": "#FF0000"},
{"Orange": "#FFA500"},
{"Yellow": "#FFFF00"},
{"Green": "#008000"},
{"Blue": "#0000FF"},
{"Purple": "#800080"},
{"Brown": "#8B4513"}
]
}
And, if you extend the set with white/water wash, please add Azure (#F0FFFF) as the water color. It's nearly white, but is visible against a white background.
The current paint set looks good, and like the crayola set, but has some odd definitions for some of the colors, which give funny results when snapping to the color palette-- in particular for the violet range.
To improve the situation, I would suggest using the named HTML color values: Black, Red, Orange, Yellow, Green, Blue, Purple, Saddle Brown. These look good enough on the page, and behave much better when starting with an existing SVG document.
And, if you extend the set with white/water wash, please add Azure (#F0FFFF) as the water color. It's nearly white, but is visible against a white background.