Tag Info

New answers tagged

0

Colorizr.js might be a good tool to play with the colors and see what suites your taste. When you use this tool the idea is to configure color pickers for different parts of your page and then adjust and fine-tune those colors.


0

Usually I find it hard to guess which color will work well. A better way would be to play around with the colors and see which color turns out how in the whole context of the page. You can do this interactively on your own webpage by using Colorizr.js. Maybe you could post later which colors you finally chose.


0

Hue: the wavelength of the color (at what angle does it fall on the wheel) Value: the lightness/darkness: tint (lighter) or shade (darker). Saturation: describes how pure/intense/strong the hue is. Pure Magenta = 100% Saturation Pure Magenta + 4 drops of white = Magenta Tint Pure Magenta + 2 drops of Cyan + 2 drops of Yellow = Magenta Shade (adding cyan ...


0

This is only related to your question as-stated, and more to your intended use of the colours: You might want to ask yourself if you're ever going to find twelve colours distinctive enough for a single data plot. And, if you do, whether that data plot is going to be legible. Twelve lines in a single plot is crowded no matter how you bring it, no matter how ...


0

I think you should instead pick your initial colors using color theory, that would make it a ton easier. Easiest way to do this without any studying is to pick all the 12 colors from this image http://www.motocms.com/wp-content/uploads/2014/08/color-theory-infographic-paper-leaf.jpg If the colours in the wheel arent the ones you are looking for then just ...


3

Ok, there are several possibilities. You can try to identify source of your problem using a list of possible causes or jump directly to different approach I would suggest. List of possible causes What software are you using to create this logo? If you use vector SW like Illustrator I would suggest recreating it in Photoshop since rules that usually mean ...


2

Your original image ("8SLgo.png", labeled "here is the image" in your question) already has the blurring between squares and blurry text. Here it is, enlarged 5x and composed against a white background: It looks to me as though your friend created the image in a smaller size and then enlarged it to the 110x130 size before sending it to you. If the ...


0

It is not entirely clear what your question is. If you just what the colour scheme transfering over to the line art, you could get lucky by using the match color option. But it isn't always going to work. Select the line art layer, then open match color panel. (Image...Adjustments...Match Color). In source box select your justice image location. This can be ...


1

Never trust the color which your monitor displays in any program. On-screen representation in photoshop is NOT an accurate representation of the final printed color. Even custom calibration of your monitor to get accurate color rendering will not always guarantee a match with the actual printed color. There is a large difference between the way the color ...


3

I wouldn't say there is a full-proof method for this. I think you may just need to adjust the Saturation and Brightness of each color so that colors that are close, like black and brown, don't appear the same. See my example below for your 5 colors.


0

Here's my take at it. Your scale can obviously be whatever. I also wouldn't get too caught up if you use grayscale. As long as it's not below 50%. You could even put a crosshatch or 45º angle lines as a fill. You could also switch to square or a diamond for negative values. I believe there are many solutions here.


2

At least for a first approximation, go for hues at 0°, 72°, 144°, 216° and 288° (hint: 72° = 360°/5), like this: Tweak the colors to satisfaction. For example, if red and violet feel too strong for you, you could try shifting all hues by a few degrees (this seems pretty okay) or otherwise playing with luminosity and (to a lesser extent) saturation. As ...


0

Is it a simple case of making sure you have the Fill area selected and not Stroke when you click on the colour? It the colour panel, the fill area is represented with a full colour box, the strong like a square with no fill but a line colour around it.


1

You could make the transparent bar have a background of black but instead have the opacity set to 20%. Then you could use off white icons and text. Try using Ghostwhite or something like that, since white on black is quite harsh. You can still have the fade until 400px too. But it will be much smoother.


1

I had a similar problem with CS5 and I found out that I had option Web colors checked, and this didn't allow me to set the colors that I wanted. This might be possible solution.


1

Ok, now I better understand what you're looking for. In Photoshop, you can open 2 images and then go to Image>Adjustments>Match Color. This will get your photos closer to one another. You may still need to tweak your colors with either a Color Balance, Hue, or Photo Filter adjustment layer.


0

You could just download the palettes that Google give a link to on the site? Since it gives you all of the colors? Google Color Swatches Zip


0

You have said that you know the pre determined list of colors, and that they are to be printed (to show color difference.) I am afraid that there is no quick way of doing this, but once its done you won't need to do it again. For a recent project I did (print related with range of colors) I got a list of the colors on my mac, went to Kuler and got the ...


1

I would go with a cool grey to let your content be the focus. If you're looking for a pattern you can find one and recolor it, or create you own. But most modern websites have very simple backgrounds with subtle patterns or textures.


0

Could you have the icons fade between the two colors as the background fades? This could be a simple CSS animation class (highly suggested) or anything as complicated as you want.


0

lot of sites (for example Facebook) uses contrast as low as 2.7 where the recommended contrast is 4.5 (WCAG2 AA). Interesting question. May I ask you where did you find the 2.7:1 ratio of Facebook's UI? 4.5:1 is the recommended contrast "between text (and images of text) and background behind the text", so I've checked this sample Facebook post: ...


1

You simply need to experiment with modes and opacity to get where you want to go... I, personally, would probably opt for the Color blending mode above Hue. Then simply adjust the opacity of the layer until you're happy.


3

There's no way to predict what CMYK colors will look like on paper from your monitor. Even a calibrated monitor can't match all CMYK colors properly. The options: Invest in a Pantone Process Color Swatch Book. This is a swatch book of actual printed CMYK colors. Find what you are looking for and then use that color in your file. Ask the printer for a ...


2

There are two issues here. 1) You should calibrate your monitor if you haven't done that already. You don't necessarily need a top-of-the-line monitor from Dell or Eizo with the truest possible colors, but you should at least be able to 'trust' your own monitor. Often photography stores let you rent the required hardware to calibrate your monitor for a few ...



Top 50 recent answers are included