gka / palettes Goto Github PK

Hi,

Would you consider putting this under an open-source license?

Thanks

Hello,

The tool is awesome, and I'd like to to share links like http://gka.github.io/palettes/#colors=#132b43,#54aef3|steps=7|bez=1|coL=1 in the github wiki, or using URL shorteners like bit.ly.

However the pipes are escaped the URL is broken, e.g. in https://github.com/Linkurious/linkurious.js/wiki/How-to-craft-colors

Any idea to fix it?

Thanks

Don't ask me how I ended up with these settings but they end up locking the UI somehow (you can click, but nothing updates), requiring a refresh on a clean URL:

https://gka.github.io/palettes/#/9|s|ffffe0,f8dbbf,eeb89f,e2957f,d47162,c44b45,b2182b|ffffe0,ff005e,93003a|0|1

https://gka.github.io/palettes/#/9|s|ffffff,222222,225555,221199,118844,114499,111133|ffffe0,ff005e,93003a|1|1

Figured Out.

I get an Unexpected token '=' on the line return = scaleThreshold().
https://github.com/gka/palettes/blame/de570b36d0658610850e82c36e9cad12414ce314/src/Export.svelte#L23

Can this tool be used as a package?

Does it export functions to get color palettes given the options that appear on the website?

That seems to be not the case. Did anyone extend this repo?

I love this palette generator and it would be even more helpful if it supported CMYK.

As far as I can see it's already available in the chroma.js package? https://www.vis4.net/chromajs/#chroma-cmyk

(sorry, not a programmer)

Immensely helpful tool!
I found a small, minor bug: as you can see on the screenshot, the hue line breaks in the middle for diverging scales due to white's hue calculation resulting in NaN. I believe the issue is in chroma.js.

When the option "correct lightness" is active, sometimes color-transitions oversteer.

Example: http://vis4.net/palettes/#/9|s|0f62fe,33b1ff,d02670|ffffe0,ff005e,93003a|0|1

I know the project is inactive, but just in case... CIELAB has pretty bad hue shift for blues.

https://andrewringler.github.io/palettes/#/5|s|0000ff||1|1|0|

Hi,

Thanks for a great tool. It was very helpful when we were doing research for color palettes for data visualisation.

One thing we still quite struggle with is making sure the palette is colour-blind friendly.

You provide the check if pallete is "colorblind-safe", but it seems to be checking only the pairs of colors that are distinguishable in normal palette. If colors are too similar in normal pallete, they are ignored in the check completely.

It would be great if there was any way you could visualize which colors in the palette are too similar to each other - as that seems to be causing a kind of "false positive" colorblind-safe check (the distinguishable colors pass, but there are some that are not-distinguishable, so they are ignored in the check).

For an edge-case example. A palette of nearly identical colors is marked as "colorblind-safe" by the tool, while obviously it's not a good palette for any kind of user:

https://gka.github.io/palettes/#/6|s|00429f,00429e,00429d,00429c,00429b,00429a|ffffe0,ff005e,93003a|0|0

• Palette type: sequential
• Number of colors: any
• Total color inputs: 6
• correct brightness: ON
• bezier interpolation: ON
• colorblind simulation: any

Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'scale')
    at g.bezier (bundle.js:1:40119)
    at t.$$.update (bundle.js:1:57693)
    at A (bundle.js:1:1755)
    at U (bundle.js:1:1587)

When manually setting the steps query parameter:

http://gka.github.io/palettes/#colors=lightyellow,orange,deeppink,darkred|steps=11|bez=1|coL=1

The steps query parameter automatically updates to 7:

http://gka.github.io/palettes/#colors=lightyellow,orange,deeppink,darkred|steps=7|bez=1|coL=1

The provided step query parameter should be retained and applied. All other query parameters (i.e. colors, bez, and coL) work as expected.

This is a feature request

Support for other color representations would be great, e.g. rgb(), rgba(), hsl(), hsla(). https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

Right now some of them get parsed but into something wrong. E.g. rgb(255, 0, 153, 1) will get parsed as #115533 while it is #FF0099.

I found another small one. Sometimes after changing colors back and forth, the colros stop rendering properly. See screenshot below.

There are no errors in the console when this happens. Reloading the page fixes them so they aren't really a problem.