top | item 14537747

#c0ffee is the color

783 points| pavel_lishin | 8 years ago |c0ffee.surge.sh | reply

121 comments

order
[+] vmarquet|8 years ago|reply
I'm surprised no one yet has mentionned the famous stack overflow question: https://stackoverflow.com/questions/8318911/why-does-html-th....

TLDR; For legacy reasons, some words produce valid colors even if they don't respect the standard color formats. For example, "chucknorris" produces red.

[+] eriknstr|8 years ago|reply
Someone should make a list of all words and common phrases that result in a color different from #000000 and then go through them all and pick out the interesting ones.

By the way I didn't see any mention of max length. Is there a limitiation to the length of the color string?

Bonus question: What color would the complete works of Shakespeare be? Take all of his scene play manuscripts found on Project Gutenberg but excluding duplicates if any, sort them in the order they were originally published and concatenate into a single string.

[+] lol768|8 years ago|reply
Got to admit I was hoping it'd be a coffee-ish colour before I sorta parsed the colour in my head and realised it was mostly green.

With that said there are some pretty cool ones (e.g. 5afe57 = safest = a green) that do match up. Can't say I can think of many hugely practical uses for this, but it's kinda neat!

[+] asmosoinio|8 years ago|reply
I also plan to use 54FE57 somewhere. Have to do that.

Though with the numbers in the beginning it's not as readable as e.g. BADA55.

[+] nsomaru|8 years ago|reply
Hmm. I've always wanted to parse colours in my head.

How do you do that?

[+] zakk|8 years ago|reply
> Got to admit I was hoping it'd be a coffee-ish colour before I sorta parsed the colour in my head and realised it was mostly green.

#ACE71C is quite acetic, on the other hand.

[+] kngl|8 years ago|reply
there is also #F1A5C0 / FIASCO
[+] deepakb358|8 years ago|reply
check www.sevacoffee.com - start with raw green beans and roast, grind & brew every cup to make the ultimate cup of coffee.
[+] vacri|8 years ago|reply
> With that said there are some pretty cool ones (e.g. 5afe57 = safest = a green) that do match up.

Unfortunately 'secede' is blue rather than gray...

[+] thebouv|8 years ago|reply
Since #BADA55 keeps coming up:

http://bada55.io/

[+] pilaf|8 years ago|reply
> #111135 -> LILIES

That's really stretching it.

[+] styfle|8 years ago|reply
:+1: This site is better than the OP because it has a voting system
[+] hayleox|8 years ago|reply
SAFEST is a decent green and ACIDIC is a decent red -- probably going to use these instead of #f00 and #0f0 next time I need success/failure color codes for some hastily-made web thing.
[+] madeofpalk|8 years ago|reply
flatuicolors.com is in my bookmark bar for good, quick colours.
[+] turkeywelder|8 years ago|reply
It's missing Badass: #b4da55. Lovely green colour :)
[+] K2L8M11N2|8 years ago|reply
Or just simply #bada55
[+] mrspeaker|8 years ago|reply
This is great, but I'm not a fan of the "7 looks like a T"... my brain can't make that work. I request an "Ice T" mode that does this:

    Array.from(document.querySelectorAll(".wrap > div"))
      .filter(n => n.getAttribute("name").includes("t"))
      .forEach(n => n.parentNode.removeChild(n));
[+] wingerlang|8 years ago|reply
You could just press "strict" like the instructions says.
[+] pavement|8 years ago|reply
HN feature request: three character hex code support for topcolor.

Bonus points: named color support for valid CSS colors, such as dodgerblue.

[+] chrisbennet|8 years ago|reply
It's supported and it appears in your HN profile once you have a certain karma. The field is called "topcolor".
[+] jaclaz|8 years ago|reply
The idea is nice, but (as a suggestion) I would add a drop down to "strict" where you can tick whether to include 0 (zero) and 1 (one) as respectively O and I, which is what everyone would likely read as well as - maybe - 5=S while the 1 as L (as in 1337) and the 7=T are far less intuitive. To give anyone freedom of choice maybe adding a "selectively strict" button with ticks for each leet letter would be ideal (as an example I cannot read the 2 as R as it is used on http://bada55.io/ ).
[+] Etheryte|8 years ago|reply
It makes me both happy and uncomfortable that #dab and #dabbed are valid colors.
[+] boozelclark|8 years ago|reply
I wonder if they intentionally left out FAECE5? A brownish color
[+] JoshTriplett|8 years ago|reply
Nice.

One oddity: for some reason, the site's CSS makes text selection highlights invisible. If you select text, the selection looks identical to unselected text, though copy/paste still works.

Also, the color boxes appear to be editable text areas: if you click on one, you can backspace or Ctrl-U and the text of the color vanishes, until you hover/unhover it again and the text gets reset (because of the 1337/LEET translation going on with hover/unhover).

[+] vegardx|8 years ago|reply
They seem to have intentionally done this, by setting ::selection to transparent. I don't understand why some people think this is a good ideal, for colorblind people this is a real nuisance.
[+] merraksh|8 years ago|reply
There's "tic", "toe", but not "tac". I guess we need a "even less strict" option.
[+] JoshTriplett|8 years ago|reply
That likely has less to do with strictness of number/letter substitutions and more to do with "tac" not appearing in the dictionary (unlike "tic" and "toe").
[+] ajacksified|8 years ago|reply
Nice - I built something similar a few years ago, mostly to mess around with CSS columns (http://thejacklawson.com/csswords/). I only used a regex over the system dictionary, so it doesn't include a lot of what it probably could.
[+] waynecochran|8 years ago|reply
You should allow for an alpha-channel then you have two more letters and can do the Java Class file magic number #CAFEBABE.