geekhack

geekhack Community => Keyboards => Topic started by: Matt3o on Sat, 16 February 2013, 08:53:32

Title: Keyboard Color Chooser
Post by: Matt3o on Sat, 16 February 2013, 08:53:32
I've built this to help me find the right ABS color code.

http://lab.cubiq.org/kbcc/

Hope you find it useful. If you like it, help me improve it. I miss some color codes (they are named UNKN# or they end with XX), and I'd need a better photo for the color chips.

If you have the color ring, please scan all colors or take a picture without flash over a white background (1 sheet of paper is not enough unless you have a white desktop!).

Suggestions are welcome.

PS: this is just to help you pick the ABS color code, it's not to design keyboards
Title: Re: Keyboard Color Chooser
Post by: tsangan on Sat, 16 February 2013, 23:14:39
Very awesome little tool, man you program some pretty sweet stuff

this saves so much time in making mock ups and then scrapping it because it looks like trash
Title: Re: Keyboard Color Chooser
Post by: SmallFry on Sat, 16 February 2013, 23:15:42
I second that motion! You should put up your keyboard designer thingy too Matt!
You may want to allow the changing of colors for each key/ for the modifers etc, to make it a bit easier to make keycap renders for GBs. Also, would it be possible to use the Cherry Font if it was availible?
Title: Re: Keyboard Color Chooser
Post by: gnubag on Sat, 16 February 2013, 23:18:33
to anyone who is using this: remember that this is not 100% perfect because most monitors are not really color calibrated. (i just realized this because i use F.lux haha)

anyway, this is pretty cool to try out combinations.
Title: Re: Keyboard Color Chooser
Post by: BucklingSpring on Sat, 16 February 2013, 23:34:35
Sweet - If you take junk in your suggestion box - I would ask for frame color as well...

THANKS
[attachimg=1]
Title: Re: Keyboard Color Chooser
Post by: The_Beast on Sat, 16 February 2013, 23:37:04
Very cool!

I would also suggest changing legends and doing different mod. colors. But I'm sure you're already working on that :D
Title: Re: Keyboard Color Chooser
Post by: gnubag on Sat, 16 February 2013, 23:48:23
would be awesome to combine it with something like This (http://ne0.cc/laygen/#ESC%3A%3A1%20%201%3A%3A1%20%202%3A%3A1%20%203%3A%3A1%20%204%3A%3A1%20%205%3A%3A1%20%206%3A%3A1%20%207%3A%3A1%20%208%3A%3A1%20%209%3A%3A1%20%200%3A%3A1%20%20-_%3A%3A1%20%20+%3D%3A%3A1%20%20Backspace%3A%3A2%24%24%0ATab%3A%3A1.5%20%20Q%3A%3A1%20%20W%3A%3A1%20%20E%3A%3A1%20%20R%3A%3A1%20%20T%3A%3A1%20%20Y%3A%3A1%20%20U%3A%3A1%20%20I%3A%3A1%20%20O%3A%3A1%20%20P%3A%3A1%20%20%5B%7B%3A%3A1%20%20%5D%7D%3A%3A1%20%20%5C%7C%3A%3A1.5%24%24%0ACaps%20Lock%3A%3A1.75%20%20A%3A%3A1%20%20S%3A%3A1%20%20D%3A%3A1%20%20F%3A%3A1%20%20G%3A%3A1%20%20H%3A%3A1%20%20J%3A%3A1%20%20K%3A%3A1%20%20L%3A%3A1%20%20%3B%3A%20%3A%3A1%20%20%27%22%3A%3A1%20%20Enter%3A%3A2.25%24%24%0AShift%3A%3A2.25%20%20Z%3A%3A1%20%20X%3A%3A1%20%20C%3A%3A1%20%20V%3A%3A1%20%20B%3A%3A1%20%20N%3A%3A1%20%20M%3A%3A1%20%20%3C%2C%3A%3A1%20%20%3E.%3A%3A1%20%20/%3F%3A%3A1%20%20Shift%3A%3A2.75%24%24%0ACtrl%3A%3A1.25%20%20Win%3A%3A1.25%20%20Alt%3A%3A1.25%20%20Backspace%3A%3A6.25%20%20Alt%3A%3A1.25%20%20Win%3A%3A1.25%20%20Fn%3A%3A1.25%20%20Ctrl%3A%3A1.25)
Title: Re: Keyboard Color Chooser
Post by: KangarooZombies on Sat, 16 February 2013, 23:52:20
Okay, this is freaking awesome. Several high fives.
Title: Re: Keyboard Color Chooser
Post by: Matt3o on Sun, 17 February 2013, 02:03:09
Quote from: SmallFry on Sat, 16 February 2013, 23:15:42
You may want to allow the changing of colors for each key/ for the modifers etc

yeah that's in my to-do, at least mods+alpha

Quote from: SmallFry on Sat, 16 February 2013, 23:15:42
Also, would it be possible to use the Cherry Font if it was availible?

I couldn't find it, is there a TTF somewhere?

Quote from: BucklingSpring on Sat, 16 February 2013, 23:34:35
I would ask for frame color as well...

noted :)

Title: Re: Keyboard Color Chooser
Post by: FoxWolf1 on Sun, 17 February 2013, 02:07:21
Very nice! Certainly a lot faster than doing the same in Paint.
Title: Re: Keyboard Color Chooser
Post by: KangarooZombies on Sun, 17 February 2013, 02:25:15
Quote from: FoxWolf1 on Sun, 17 February 2013, 02:07:21
Very nice! Certainly a lot faster than doing the same in Paint.
Never! I did this in paint!
(http://i.imgur.com/ZEbdbQS.png)
Group Buy going up soon.
Title: Keyboard Color Chooser
Post by: whiskerBox on Sun, 17 February 2013, 02:34:07
Yea this is pretty trick. Nice job !
Title: Re: Keyboard Color Chooser
Post by: calavera on Sun, 17 February 2013, 03:15:29
awesome!
Title: Re: Keyboard Color Chooser
Post by: Warduke on Sun, 17 February 2013, 14:27:39
Very cool!
Title: Re: Keyboard Color Chooser
Post by: volatilecoffee on Sun, 17 February 2013, 14:33:40
Quote from: KangarooZombies on Sun, 17 February 2013, 02:25:15
Never! I did this in paint!
Show Image
(http://i.imgur.com/ZEbdbQS.png)

Freaking pro.
Title: Re: Keyboard Color Chooser
Post by: BucklingSpring on Sun, 17 February 2013, 15:49:07
Quote from: ybnrmalatall on Sun, 17 February 2013, 14:33:40
Quote from: KangarooZombies on Sun, 17 February 2013, 02:25:15
Never! I did this in paint!
Show Image
(http://i.imgur.com/ZEbdbQS.png)

Freaking pro.
Wall street CxO's would pay a fortune to have a painting like that in their office.
Title: Re: Keyboard Color Chooser
Post by: jabar on Sun, 17 February 2013, 15:53:55
Quote from: KangarooZombies on Sun, 17 February 2013, 02:25:15
Quote from: FoxWolf1 on Sun, 17 February 2013, 02:07:21
Very nice! Certainly a lot faster than doing the same in Paint.
Never! I did this in paint!
Show Image
(http://i.imgur.com/ZEbdbQS.png)

Group Buy going up soon.
Billy age 5

found pinned on a random SP cubicle desk
Title: Re: Keyboard Color Chooser
Post by: KangarooZombies on Thu, 28 February 2013, 19:11:18
Quote
found pinned on a random SP cubicle desk
lol what
Title: Re: Keyboard Color Chooser
Post by: Glod on Thu, 28 February 2013, 19:27:49
ok somebody make this happen

(http://almightyglod.com/public_stack/makeithappen.png)
Title: Re: Keyboard Color Chooser
Post by: oluf on Thu, 28 February 2013, 19:48:16
This tool is awesome!! Thanks again matt3o! Your contributions are huge and very appreciated!
Title: Re: Keyboard Color Chooser
Post by: inteli722 on Thu, 28 February 2013, 19:51:17
Yeah, this is really awesome...still waiting on the ability to invert the colors for the mods though :D
Title: Re: Keyboard Color Chooser
Post by: Matt3o on Fri, 01 March 2013, 02:22:18
now that the DSA Retro GB is almost over I can put my head back to this :)
Title: Re: Keyboard Color Chooser
Post by: Matt3o on Sat, 02 March 2013, 08:16:00
updated colors and better sorting

http://lab.cubiq.org/kbcc/

cheers!
Title: Re: Keyboard Color Chooser
Post by: Permeability on Sat, 02 March 2013, 10:23:22
Awesome tool! Maybe you could also allow us to change the top cover case of the keyboard too? That'd be great!
Title: Re: Keyboard Color Chooser
Post by: mechanisch on Sat, 02 March 2013, 11:26:47
Adding my praise as well.  Great work! Individual keycaps are next right? :D
Title: Re: Keyboard Color Chooser
Post by: Krogenar on Sun, 03 March 2013, 16:09:48
If you can get this to output a file that Kaporkle can then render.... pure win.
Title: Re: Keyboard Color Chooser
Post by: Wildcard on Sun, 03 March 2013, 20:40:15
Well done Matt3o, simple, functional, impressive.
Title: Re: Keyboard Color Chooser
Post by: absyrd on Mon, 04 March 2013, 10:21:05
Nice work.

Didn't realize there were SO many ugly yellows to choose from. :P
Title: Re: Keyboard Color Chooser
Post by: mark_thaddeus on Tue, 05 March 2013, 04:13:42
Very handy tool! Thank you!
Title: Re: Keyboard Color Chooser
Post by: Matt3o on Tue, 05 March 2013, 10:16:54
update

now you can choose mods and alpha colors

http://lab.cubiq.org/kbcc/#GFW,WA,UNKN4,WA

you may need to refresh a couple of times to kill browser cache.

hint: you can switch from MODS to ALPHA with the Spacebar.

PS: actually that color combo is pretty sexy
Title: Re: Keyboard Color Chooser
Post by: jdcarpe on Tue, 05 March 2013, 10:20:49
Awesome! But my machine doesn't have that at localhost for some reason... ;D
Title: Re: Keyboard Color Chooser
Post by: Matt3o on Tue, 05 March 2013, 10:22:26
Quote from: jdcarpe on Tue, 05 March 2013, 10:20:49
Awesome! But my machine doesn't have that at localhost for some reason... ;D

sorry :P

rectified
Title: Re: Keyboard Color Chooser
Post by: Matt3o on Tue, 05 March 2013, 11:18:45
more updates, you can now also change KB color
Title: Re: Keyboard Color Chooser
Post by: Binge on Tue, 05 March 2013, 11:25:22
Guys... I have no taste, and a really really crappy sense of humor

[attach=1]
Title: Re: Keyboard Color Chooser
Post by: tubby on Wed, 13 March 2013, 22:41:29
Awesome tool! Thanks for providing this, Matt3o.

Sad to have missed the DSA Retro Set GB, and was hoping there'll be another GB for them.
But after playing around with the tool, I really wish this could happen instead ^^
(https://dl.dropbox.com/u/32172733/email/keyboards/keycaps/Screen%20Shot%202013-03-14%20at%2010.29.00%20AM.png)

And this? Since many seems to hope for a white on blue =)
(https://dl.dropbox.com/u/32172733/email/keyboards/keycaps/Screen%20Shot%202013-03-14%20at%2010.31.45%20AM.png)
Title: Re: Keyboard Color Chooser
Post by: WarNutts on Thu, 14 March 2013, 23:28:44
wow cool thanks!
Title: Re: Keyboard Color Chooser
Post by: simon_C on Fri, 15 March 2013, 18:19:18
Cool stuff!
I've fallen in love with this
(http://i.imgur.com/QhceGHr.png)
Title: Re: Keyboard Color Chooser
Post by: limmy on Thu, 11 April 2013, 23:39:36
Thank you very much for your effort. It is a very convenient tool.

Could you put in an option to put in RGB color codes in addition to SP plastic code?
Title: Re: Keyboard Color Chooser
Post by: calavera on Fri, 12 April 2013, 00:23:07
Whenever I right click the menu pops up. May be have an alternative to the right-click?
Also would it be too complicated to add a screen-capture mode to it? If it is, could you just increase white space around the keyboard itself so it's easier to crop?


Awesome job btw, this feels like a flash game! :D
Title: Re: Keyboard Color Chooser
Post by: limmy on Fri, 12 April 2013, 00:32:52
Quote from: calavera on Fri, 12 April 2013, 00:23:07
Whenever I right click the menu pops up. May be have an alternative to the right-click?
Also would it be too complicated to add a screen-capture mode to it? If it is, could you just increase white space around the keyboard itself so it's easier to crop?
Were you trying to change legend color? You would have to right click on the color chip(?) to change legend color.
Title: Re: Keyboard Color Chooser
Post by: calavera on Fri, 12 April 2013, 00:34:15
The right click works, it's just that the right-click menu pops up every time I do this.
Title: Re: Keyboard Color Chooser
Post by: limmy on Fri, 12 April 2013, 00:44:38
Interesting. I tried Chrome, Firefox, and IE. All of them work fine in Windows.
Title: Re: Keyboard Color Chooser
Post by: calavera on Fri, 12 April 2013, 00:59:10
Oh wait, nevermind. I forgot I have 'force right-click' enabled. lol
Title: Re: Keyboard Color Chooser
Post by: Matt3o on Fri, 12 April 2013, 01:35:17
Quote from: limmy on Thu, 11 April 2013, 23:39:36
Could you put in an option to put in RGB color codes in addition to SP plastic code?

Good suggestion!

Quote from: calavera on Fri, 12 April 2013, 00:59:10
Oh wait, nevermind. I forgot I have 'force right-click' enabled. lol

 >:D
Title: Re: Keyboard Color Chooser
Post by: grave00 on Sun, 14 April 2013, 13:39:42
Wow, it's pretty easy to lose track of time playing with that.  Nice job.