![]() ![]() 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 |