Sorted CSS Colors

Dev tools

color picker reference

SHOW HN2021

559points
159comments
#37of 2,533 in 2021
Top 2%of 2021 by points

How HN took it

MixedNo clear lean

14 positive, 19 neutral or asking, 6 mixed, 9 critical, out of 48 comments about the project. Thread score +0.10.

Idea: 6 for, 5 againstDesign: 5 for, 1 againstExecution: 1 for, 3 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Fun and well designed visualization

    From 3 comments
    • Thats pretty darn dope.
      samstave on HN
    • This is really cool. The whole experience is slick! One thing I noticed is that some colors appear brighter, but are further down on the Saturation scale. For example,…
      Minor49er on HN
    • I love the simplicity of UI and the design! It would be fun to use this to replace some hex codes in my code with color names. Some thoughts: 1. In grayscale mode the slider…
      knoebber on HN
  • Useful for prototyping with named colors

    From 2 comments
    • I love this! I am one of the rare people who use named colors all of the time, and this will definitely get a bookmark from me! Especially during prototyping/design, it's soooo…
      legitster on HN
    • Super helpful, bookmarked, Thank You
      throwaway888abc on HN

Objections

  • Named CSS colors are limited and unevenly spaced

    From 2 comments
    • This is definitely a cool way of exploring CSS colors. But, serious question: does anyone actually use CSS colors except for a handful of the basics ("red", "blue") for…
      crazygringo on HN
    • This would be true if the CSS color names were actually reasonable, but many of them are not. One would be better off using the results [1] of Heer & Stone (2012) [2] (or a…
      mpetroff on HN
  • Colors look different depending on neighbouring colors

    From 1 comment
    • Colors appear different depending on what color they are next to so its not a great way to pick colors.
      GrazeMor on HN
  • Some adjacent colors look wrong in the sort

    From 2 comments
    • Some of these seem a little off, for example CADETBLUE and CYAN being next to each other. could just be my eyes or my monitor though
      johnsonap on HN
    • This is really cool. The whole experience is slick! One thing I noticed is that some colors appear brighter, but are further down on the Saturation scale. For example,…
      Minor49er on HN

Requests

  • Copy hex or color value on click

    From 2 comments
    • Awesome! Could you possibly implement a double-click to clipboard copy option?
      sam1r on HN
    • For speed's sake could a hover or tap bring out the hex code? I understand that was not the function of your site. It would be cool to just be able to quickly see/use the hex if…
      meristem on HN
  • Reflect slider state in the URL

    From 1 comment
    • Lovely - you should make url reflect the slider state for easy sharing.
      nc on HN
  • Add a search box accepting any CSS color format

    From 1 comment
    • I love the simplicity of UI and the design! It would be fun to use this to replace some hex codes in my code with color names. Some thoughts: 1. In grayscale mode the slider…
      knoebber on HN
  • Hue slider should wrap around

    From 1 comment
    • This is fun! The only "bug" I see, if at all, is that the hue value does not wrap around, i.e. the colors shown at 360 are not the same colors shown at 0.
      parekhnish on HN

Questions

  • Why are some named colors named as they are, such as chartreuse or peru

    From 2 comments
    • It's neat! Slightly offtopic - I saw one of the colors named "peru", does the name has any connection with Peru the country?
      edwinyzh on HN
    • Huh, I always thought chartreuse was a red-ish color.
      saalweachter on HN
  • Is there an equivalent for Pantone colors

    From 1 comment
    • Ooh I really enjoyed this, it's a nice way to expand on your color name vocab. I wonder if there is an equivalent for Pantone?
      arkitaip on HN

Alternatives named

  • davidbau.com/colors

    From 1 comment
    • This is very nicely done, but I still prefer the simplicity of <http://davidbau.com/colors/>. Despite being only 2-dimentional, I find that layout strangely more intuitive. I…
      netmare on HN
  • encycolorpedia.com

    From 1 comment
    • Nice, similar to: https://encycolorpedia.com/html but probably more intuitive. Are you using CIE* colorspace to match?
      mutatio on HN
  • colornames.org

    From 1 comment
    • There’s an attempt to name ALL the rgb web space colors... https://colornames.org/
      cjboco on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/26503572)