6 ms·
Find your color scheme
- mattlutze 13y agoIt appears in the very light shades, at least on the analogic, that the sample boxes have slight gradients at their boundaries. Am I just seeing things or is this accurate? If it's not just my eyes, it makes difficult the experience of judging the very light shades.
- pmx 13y agoI see it too but I don't think it's really there. I clicked around the area with a colour picker and the values stayed the same across the "gradient" so it must just be an artifact created in our eyes at the boundary.
- blt 13y agoYou are seeing Mach Bands: http://en.wikipedia.org/wiki/Mach_bands http://en.wikipedia.org/wiki/Mach_bands > "The Mach bands effect is due to the spatial high-boost filtering performed by the human visual system on the luminance channel of the image captured by the retina."
- mattlutze 13y agoThat's very cool. I feel like I should have known about that... I suppose, it's a good argument for not using big blocks of slightly different light colors in a design.
- copperheart 13y agoLoad screenshot into Acrobat Pro->zoom(200%+)->Output preview rollover confirms the existence of artifacts that appear to be vertical color bands near the boundaries of light shades.
- fauria 13y agoReminds me of Kuler: https://kuler.adobe.com/ https://kuler.adobe.com/
- louhike 13y agoI've immediately thought about it when I saw the title. I was wondering what value is added. The interface is quite different. My problem here is that you cannot see where you are heading, you are just moving your mouse everywhere until you find a color. It gets also complicated when you found a color but want afterwise to change it. You come back the website, but how do you find where was your color? How to make an orange a little more redish as an example? These are things I often do when I am looking for colors for a website UI or when changing a picture in Lightroom/Darktable. Maybe I missed some features?
- corresation 13y agoFor some reason there are an endless procession of these sorts of color pickers. I really like this one, though as others mentioned it should immediately put you into color sets, as there is a first impression that it is a trivial single color picker. I made one of these sorts of things about a decade ago, though obviously it is much simpler - http://colors.yafla.com/ http://colors.yafla.com/ Still get hundreds of visitors a day to it, which surprises me greatly.
- pbhjpbhj 13y agoAlso: http://www.colourlovers.com/palettes http://www.colourlovers.com/palettes ColourLovers has a palette creator and a browser in which there are many ranked palettes that people (site users and hence those artistically inclined are likely to be the major demographic) have scored and favourited, etc.. Their palette creator - http://www.colourlovers.com/copaso http://www.colourlovers.com/copaso
- r0h1n 13y agoThank you! This is my new colour tool instead of Piknik (http://color.aurlien.net/ http://color.aurlien.net/) and Color Scheme Designer (http://www.colorschemedesigner.com http://www.colorschemedesigner.com).
- sgt 13y agoVery cool - I find the "analogic & complement" feature to be the most interesting.
- qute 13y agoVery cool - I agree with that. One question: it seems I can choose any color in 'Free Build' with one click except gray. Is it intentional or did I miss something?
- TaminoMartinius 13y agoHint: You can scroll up/down to change saturation
- qute 13y agoThanks, I totally dig it now :) though I find it not intuitive enough without the hint You gave (Hint: if you scroll a tiny bit when moving your mouse, you might even not see the difference. So even those users who would try scrolling during the first visit might get a thought that scrolling doesnt do anything). By the way, is scrolling a legit move on all touchscreens?
- blueskin_ 13y agoOne option that is very well hidden: Click to fix the colour, and an up arrow appears at the bottom. From there, you can type in an RGB/hex/cmyk/etc code to change the colour, e.g. if you want to find colours to go with a specific one that's already in use.
- ajonit 13y agoyes, that should be bit more prominent.
- tankenmate 13y agoNot working for me on Firefox; I have javascript et al turned on, but no juice.
- seren 13y agoWorks for me on 27.0.1 / Windows7 32bits
- koala_advert 13y agoRequires cookies to be enabled too if you're using something like Self Destructing Cookies.
- calinet6 13y agoLove it! The UI is very well executed, such that I've found more color combos I like through playing with this than with other similar UIs. Bookmarked. Nice work.
- aashishkoirala 13y agoExcellent, both idea and execution. So simple yet so useful. Love it.
- jimhart3000 13y agoLooks great! One thing to consider - the Sass download button is a US Dollar sign, which initially confused me when I saw it as I wondered if there was some sort of paid feature.
- Systemic33 13y agoAwesome job! Bookmarked for future usage :)
- pattle 13y agoThis is great! Exactly what I've been looking for. I'll definitely use it on my next project
- deleted 13y ago[deleted]
- dwightgunning 13y agoI found being thrown into "free build" was a bit confusing and took me a few minutes to bash around and figure it out. Starting with one of the more typical modes (triad etc.) might be a way to ease people into your UI model. It's quite different to other tools that serve the same purpose so being gentle may help. Otherwise it's eventually very intuitive, ultra fast (in my Chrome) and feature complete. Nice job!
- scottjad 13y agoWhat formula do you use to calculate the color for the foreground text that shows the color of the background?
- mih 13y agoThe source code is on https://github.com/Zaku-eu/colourco.de https://github.com/Zaku-eu/colourco.de . Maybe you can check it out
- scottjad 13y agoThank you. https://github.com/Zaku-eu/colourco.de/blob/be7a41500fd1b3580c748cf139e9d8b52f67705b/client/converter.coffee#L73 https://github.com/Zaku-eu/colourco.de/blob/be7a41500fd1b358... or a convenient Emacs command/function: (defun rgb-to-fgc (&optional background) "Returns a hex RGB triplet string for a chosen color or BACKGROUND." (interactive) (let ((background-rgb (color-name-to-rgb (or background (read-color nil t)))) (m (/ 96.0 255)) (foreground-rgb (mapcar (lambda (x) (+ x (if (> (apply #'max background-rgb) (- 1 m)) (* m -1) m))) background-rgb)) (foreground (apply #'color-rgb-to-hex foreground-rgb))) (message foreground) foreground))
- wiradikusuma 13y agoThis is a silly question, but how do I use the color for web dev? E.g. 1st column is for buttons, 2nd column is for background, 3rd is for texts, etc.
- maxvu 13y agoOne color for the most present text, and another for the main background. One color for one level of headers, another for another background color (perhaps another block like a header or a sidebar), and so on. Get a sweet font and you just might have a beautiful website.
- joshmlewis 13y agoAs a designer, I wish it was that easy. :)
- pc86 13y agoI think “beautiful website” (or maybe just pretty) is that easy, but if all you’re hiring a designer for is to make something pretty, you shouldn’t be hiring a designer.
- joshmlewis 13y agoThat's an interesting point. I agree pretty paint is not what you should hire a designer for, although you very well can and a lot of people do. I would say though that a beautiful website encompasses all of the above as far as being pretty, experience is perfect, etc.
- joekrill 13y agoWow this is awesome. And open source! Love it. Thanks!
- saltcod 13y agoExtremely cool. Very well done. Would love to hear about how you build this.
- zwischenzug 13y agoI've always wanted something like this, as I suck at design in general. Thanks!
- dack 13y agoI love this tool and just put some of the colors in my current scss-based app. Thanks! One frustration I ran into - when I'm choosing colors by hovering around the window, sometimes the color I want can only be found by hovering over the "+" button on the right (a particular shade of red)... so then when I click it, it adds a new color instead of picking the one I was hovering on. Pretty frustrating! Overall this tool is great though.
- higherpurpose 13y agoThis used to be the best for this stuff in the past: http://colorschemedesigner.com/ http://colorschemedesigner.com/ But now yours has definitely taken that place, with a much better UI/UX.
- devNoise 13y agoMaybe I haven't figure out how to use colourcode right, but when I switch out of free build I lose the color that I had locked/selected. That makes it hard for me to make a color scheme that matches the background of a logo I have. The color scheme designer doesn't have that issue. Otherwise it looks like a nice site for getting color schemes.
- visakanv 13y agoOh wow, this is a beautiful tool that I've always dreamed of having! Wonderful! I agree with some of the nitpicks, but overall, omg I've always wanted this. Thank you!
- daGrevis 13y agoThis is cool. Next step would be a tool that would allow to export this as color scheme for editor!
- omegote 13y agoFonts look like crap in Chrome / Windows 7... as usual.
- joshmlewis 13y agoI think there should be a buffer on the edges especially for people on laptops. Even a 5-10px buffer would be beneficial so I don't have to skirt around the edge of the window.
- saimey 13y agoGreat tool, love the design! Here's 15 alternatives, http://codecondo.com/15-color-scheme-pallete-generators-web-designers/ http://codecondo.com/15-color-scheme-pallete-generators-web-...
- highace 13y agoWondered how you were doing the menu slide-in on hover... tables! Despite not being semantic that works really well and looks really easy to set up.
- danbruc 13y agoI immediately started hating this behavior once I wanted to try out all the color generation schemes. It is probably a question of personal preference and how you are using it but for what I just did - trying out all the options - I found the behavior REALLY annoying.
- bphogan 13y agoI like this. I have used http://colorschemedesigner.com http://colorschemedesigner.com because of the preview features, but there's something different and awesome about this. I'm having a little trouble with the hovers - I don't see well and have to zoom in the screen - having the menus activate on hover and then having to hover over the tools to see the tooltips is a problem. I understadn the need to save space but I really dislike "mystery meat" navigation. Also, the two things that are missing for me here are colorblindness simulations and exporting a color palette for PhotoShop. Both of those are features of colorschemedesigner.com I see it's open-source, which is fantastic. So if nobody gets around to doing the two features I mentioned, maybe I can find some time.
- pdq 13y agoThis is basically a clone of: http://color.hailpixel.com/ http://color.hailpixel.com/
- notimpotent 13y agoI like the much simplified interface on this.