Show DN: Birthday hex — Find your birthday hexcode (chrisnager.github.io)
almost 9 years ago from Chris Nager, Senior software developer, formerly at Air, IEX, and Salesforce
almost 9 years ago from Chris Nager, Senior software developer, formerly at Air, IEX, and Salesforce
Hey Chris, cute idea but you could definitely spend some more time on the date selection module. I actually can't imagine a worse experience for selecting my birthday.
Thanks, Joel. I used the standard date picker (<input type="date">
). It works fine in Chrome or in Safari on iOS. I know Firefox and desktop Safari do not support type="date"
yet. I agree that the experience on those browsers is pretty gross. Thanks again for the feedback.
The range of numbers for the month (1-12) / day (1-31) / year (0-99) is relatively small in comparison to the 0-255 range for each colour.
Regardless of whether you use the date format DDMMYY or MMDDYY you're going to get blue most of the time, because in most cases the year will be the largest number (unless the date is before 1931). Otherwise you'll just get something else really dark.
Scaling the numbers to fill the 0-255 range would mean
Red = Month * 21.25
Green = Day * 8.23
Blue = Year * 2.55
So 12/17/2014 would become
(12*21.25) (17*8.23) (14*2.55) (255) (140) (36) #FF8C36
Which is a sort of orange.
That's a great idea for a better range of colors. Thanks!
So blue. Pretty much just blue.
I know. It's a sea of blue. Do you have any ideas on how I could add more/brighter colors while keeping the integrity of the birthday-based hexcodes?
I'm not sure exactly how to implement this, but it doesn't have to be "Find your birthday color." It could as well be, "Find your birthday colors," where it would give what shade of blue, red, green, and so on would somehow correlate with one's birthday.
Nice! I like the idea of a color for every birthday. Every birthday I put in is relatively dark and blue though.
Maybe you could scale the values to range in-between 00-FF so that there can be a higher range of possible colors.
Thanks! Not a bad idea. I'll look into it. Any ideas how to implement the color scale you proposed?
Hmm... Interesting problem, making this more interesting.
You could maybe take advantage of single-digit numbers, the number of the month (January = 1, December = 12) and hex-friendly characters from the month's name.
Picking from whichever combination adds up to 6 characters.
For example:
"February 1, 1984" could be any of the following:
(02)(01)(84) = Navy
(F)(1)(1984) = Pink
(2)(1)(1984) = Navy
*"August 26, 1984" *
A82684 = Purple
"December 30, 1972"
DE3072 = Pink
Another thing to consider: Many countries list the numeric day before the month. You may be able to leverage this to get totally different results.
For example:
"December 30, 1972" (written 30 December 72)
30DE72 = Green
Alternate date format maybe? dd/mm/yy?
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now