Guidance on how to structure a palette.

[meodai]

I am maintaining quite a few color tools. And using this would be extremely nice (for example: https://farbvelo.elastiq.ch/ )

I am mainly interested in the ASE export but the readme give little to no guidance on how to structure the "palette" object

AnyPalette.writePalette(palette, format)

Can you give me a bit of guidance? Would be super nice to have a few simple examples in the readme or wiki

[someguy9]

Would love to see this too!

[someguy9]

@meodai this may help

var format = AnyPalette.formats.ADOBE_SWATCH_EXCHANGE_PALETTE; var file_content = AnyPalette.writePalette([ { "red": 0.18039216101169586, "green": 0.20392157137393951, "blue": 0.250980406999588, "name": "color1" }, { "red": 0.23137255012989044, "green": 0.25882354378700256, "blue": 0.32156863808631897, "name": "color2" } ], format); var file = new File([file_content], "Saved Colors.ase"); var url = URL.createObjectURL(file); var a = document.createElement("a"); a.href = url; a.download = file.name; document.body.appendChild(a); a.click(); document.body.removeChild(a);

[meodai]

@someguy9 I eventually found out how to do this :D
https://github.com/meodai/palette-aldente/blob/main/build/buildPalletteFiles.js#L26

1. Create a palette using the AnyPalette Palette constructor: const pal = new AnyPalette.Palette();
2. Give your palette a name pal.name = 'somename'
3. Create a color suing the color constructor instance of const color = new AnyPalette.Color({red: 1, green: 0.5, blue: 0}). (You have to convert your color to one of the supported formats, in my case RGB 0-1 was the easiest)
4. Now the strange part: Push the color into the palette pal.push(color). The constructor creates an array like instance... I would have expected it to have a colors property or something...

Hope this helps.

I would suggest to a) introduce a colors prop and b) Make a better example in the readme on how to use it.

[someguy9]

Thank you @meodai! Funny we both replied at the same time. Do your .ASE files not load in illustrator though? they show up blank for me but work in Photoshop, very odd.

[meodai]

@someguy9 only tested it in Photoshop: https://github.com/meodai/palette-aldente/tree/main/dist/paletteFiles

[someguy9]

@meodai Also great color tool, just messed with it a bit, I am building https://ColorKit.co which is similar

[meodai]

@someguy9 very cool! You might like : https://github.com/meodai/fettepalette && https://meodai.github.io/rampensau/ then, I used them both to build: https://farbvelo.elastiq.ch/

[someguy9]

@meodai this is super helpful! Been trying to improve the generation function so I think this will help a lot. If you ever want to collab in some way feel free to send me an email, [email protected]

[someguy9]

@meodai Just realized, I think I am using your color name library, you're a legend! Thank you!

[meodai]

@someguy9 you do, but it would be super nice to add the actual MIT notice somewhere :D

[someguy9]

@meodai I'll do that now, sometimes get too caught up in building, thank you for the reminder.

[someguy9]

@meodai Added! thank you again (I think I correctly did it, basically just linked to your repo/license file) and added a footer link for licenses.