Hacker News new | past | comments | ask | show | jobs | submit login
Show HN: ColorMe (tylergaw.com)
103 points by _kcn8 on Jan 5, 2017 | hide | past | favorite | 18 comments

a bunch of useful color links I've accumulated over the years:


* https://dtrejo.com/colorslice/ - I made this b/c i wanted multi-color picking and good schemes from images and husl and multiple editable color formats

* http://speculo.co/ - preview colors on layouts

* http://tools.medialab.sciences-po.fr/iwanthue/ - colors for data scientists

* https://color.hailpixel.com/ - fun color picker

* http://tristen.ca/hcl-picker/#/hlc/6/1/20313E/EFEE68 - hcl picker


* http://www.hsluv.org/ - human friendly hsl


* https://www.randoma11y.com/#/?_k=nm2tko - check color a11y

* https://snook.ca/technical/colour_contrast/colour.html#fg=33... - contrast checker

I would add Color Safe[0] to the list -- for creating accessible palettes. I think it's a project of LinkedIn.

0. http://colorsafe.co/

Excellent list - I'd like to add my own website[0] which extract color palettes from images based on predefined palettes (such as Pantone C).

[0]: www.impalette.com

It looks neat, but I have a subtle suggestion; why not output CSS HSL colour codes instead of RGB? It's supported in all relevant browsers (IE9+).

HSL has the benefit of explicitly showing the colour's hue, saturation, and lightness — meaningful values compared with RGB's three colour channels, which is something you might want to stimulate with a tool like this.

With HSL a minor change in saturation or lightness can also be done directly from the CSS (or SASS) code by whoever is maintaining the stylesheet.

    # Green.
    hsl(130, 41%, 33%)
    rgb(50, 119, 62)

    # Slightly more vibrant green — note that only the saturation value changes.
    hsl(130, 53%, 33%)
    rgb(39, 130, 55)

I did a big survey of site stylesheets a while back and HSL use in practice is super, super low. I'll see if I can dig up that old spreadsheet.

And that's the reason I love your suggestion. With some browser support reassurances to the user (HSL is safe to use!), a neat tool like this outputting HSL could help the HSL adoption rate. HSL is pretty nice to work with, so I'd love to see more of it.

Very cool. One minor usability suggestion - it would be fantastic if the adjusters didn't reset when the base color changes.

Ah, yes! I had it set up like that in the beginning, but turned it off because I wasn't sure what the expected outcome was. Can flip it back and add a "reset" button for the Adjusters. Thanks for the feedback.

A color picker for the base color would be handy

I love the design and layout of this app. Very nice!

A killer feature would be add options to calculate complementary, monochromatic, analogous, etc. color harmonies, similar to a color calculator:


Nice. A color app is a way I like to get used to controllers in MVCs, this takes that in a new direction.

You have any examples? I've always thought a todo app was too lacking, but haven't thought of a good slightly tougher example

This is awesome. I was looking for something like this not too long ago and surprised I wasn't able to find anything to do this easily. Thanks!

Nice job. Adobe Color (https://color.adobe.com) is also a similar tool.

Curious if there's a reason Disqus is the main comment app. What about Facebook/other social media? I was thinking of bundling them together perhaps mix results.

Also I like the design/style of the site though I think white text on black isn't a good practice eg. Harder to read due to contrast. That's just my opinion though and not backed by anything, I'm not an expert designer just my opinion.

This is great. My only thought is that it is nearly impossible to adjust the sliders on a mobile device.

Hey, thanks for the feedback. Thought the same thing. I released an update for them a few minutes ago https://github.com/tylergaw/colorme/pull/4

I've been using it on an iPhone 6 and it's better. I still miss and get the horizontal slider from time to time, but feeling better now. What do you think?

It's not immediately evident, but the numbers are actually inputs, so you enter values directly.

Well done!

Applications are open for YC Winter 2024

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact