One of them is called “square” or “tetradic.” Don’t use it. Lots of these tools let you choose different harmonies. You can use Adobe Color or Color Calculator to do so. Here’s where it becomes a good idea to actually look at a color wheel. It will look more professional - and therefore more trustworthy - when it only uses a few hues and their neighbors. There’s no need to rely on hues from all around the color wheel like ⬤ ⬤ ⬤ ⬤ ⬤ ⬤ for your visualizations. Which means: Don’t dance all over the color wheel Which means you can stay in a small area of the color wheel and still have many options. And we haven’t even talked about orange and yellow. So much blue! Like this ⬤, this ⬤, this ⬤, this ⬤ and this ⬤. There is gray ⬤, but there is also cold gray ⬤ and there is warm gray ⬤. There is yellow-ish red ⬤ and blue-ish red ⬤ and everything in between. So before we impose rules that limit us, let me freak you out a bit: There are thousands of colors you can use. The green ⬤ is… can you even call it a green ⬤? The red that Nadieh uses ⬤ is different from your typical red ⬤. Look at this graphic’s colors and compare them with the basic ones ⬤ ⬤ ⬤ ⬤ ⬤ ⬤: So today I’m here to tell you: There are more colors than that. If you haven’t thought much about colors since you were a kid coloring in your coloring book, this thought makes sense. So I’ll use green and yellow and blue and red. You might think like this: “I need five colors for my chart. It uses the same parameters ( Hue, Chroma = saturation, Lightness), but is closer to “how we really see colors.” Datawrapper uses the HCL color space for its color picker:īut since you won’t find HCL in Adobe Photoshop or, every time I mention degrees (like 0°) or percentages, I’ll be talking about the HSB/HSV color space.Īll right, let’s do this: Broaden your understanding of colors rgb(207, 176, 58)) to HSB/HSV, use a tool like .Ī relative of HSB/HSV is the HCL color space. Brightness/Value ranges from 0% (black) to 100% (the actual color): ⬤ ⬤ ⬤.Saturation ranges from 0% (gray) to 100% (super duper colorful!!): ⬤ ⬤ ⬤.Hue ranges from 0° to 360° - that’s your typical color wheel: ⬤ ⬤ ⬤.The HSB ( Hue, Saturation, Brightness) or HSV ( Hue, Saturation, Value) color spaces work fairly well to check them: I will mention saturation, brightness, and hue a lot. Visualized categories by FiveThirtyEight, Nadieh Bremer, The Pudding, New York Times, The Economist, and Akkurat IndexĠ3 Use saturation and lightness to make your hues workĠ5 When using green, make it a yellow or blue oneĠ8 Combine colors with different lightnessġ0 Avoid too little contrast with the backgroundġ1 Avoid too much contrast with the backgroundġ2 Choose a background that’s desaturated enoughġ3 Copy colors, or understand them Before we start…
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |