dtrejo/colorslice

Color picker app. Drag and drop images from your desktop. Click to capture a color.

---

📗 dotfiles

DTrejo's Dotfiles

• zsh

---

📗 colorpreview

Preview color combinations on your site, but only if they have enough contrast to be WCAG accessible
dtrejo.com/colorpreview

• vue

colorslice's Issues

complementary colors button

re-color image UI/UX

[√] implement it!
figure a good UI to do the following

• undo a recoloring (and only that one)
• apply the recoloring only when ready
• apply multiple recolorings from a few slices
• need a history of recolorings, so can delete one or change it and then all the recolorings are re-applied to the original. this is the only way to support undo-ing and all that.
• what to do when a new image is dropped in? nothing! but then include it in the next recolor? or try and treat it as a separate "layer". Do i really want to implement layers? No.

links to colorblind testing site? and/or allow people to apply that to the screenshot

not easy enough to copy-paste out a bunch of colors from the UI

new features

• √band of color behind every saved color
• use stylus or similar to mix the colors w/ darken or lighten
• allow formulas or sth, like a spreadsheet of colors
• sample 4, 8, or 16 pixels averaged instead of just 1
• lighten and darken buttons
• invert button next on the swatches

pick image from url, or CTRL-V

clone color button

make all colors draggable or sth

https://github.com/desandro/draggabilly

Use HUSL to make it easier to choose colors whose brightness work well together

http://www.husl-colors.org/

perceptual color picker

weighs the color against the background / surrounding colors to get you something that feels just like the color you chose it from.

Needs:

• original color
• original background

then it makes...

• new color built to work with the...
• new background [defaults to white?]

palette picker does not handle narrow color-range images well

possible fix:

• iterate over image once to find the min-Y and max-Y, then divide that space into buckets.
• hack: re-run the algorithm with more and more buckets until you've got as many colors as you want. binary search lol

example:

resizing of window only enlarges the UI, will never decrease it

white/black do not change well

some feedback: when I wrote change white to blue, it ignored the obvious white shirt and instead made the skin blue!!! very strange. But I know you are working on this. Colors as one can see, are hidden within other colors; yellow is in orange , etc so how would one differentiate as one works on a photo to change the colors? Ex: I ordered it to change yellow to blue and all the trees turned blue!!! It's fun though!! Love ya, mom

would help though if the zoom view wasn't antialiased. The blurriness gets in the way

blit
http://jsfiddle.net/alnitak/j8YTe/

invert button at the bottom of the big image area