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