Difference between revisions of "Category:Color"
Jump to navigation
Jump to search
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
[[Category: Design]] | [[Category: Design]] | ||
''See [[Colorblindness]] for additional color tools and [[:Category: Cascading Style Sheets]] for CSS tools that make gradients and stripes and the like easier.'' | ''See [[Colorblindness]] for additional color tools and [[:Category: Cascading Style Sheets]] for CSS tools that make gradients and stripes and the like easier.'' | ||
==Color Theory== | |||
* [[Color Theory]] | |||
== Color History== | == Color History== | ||
* [http://www.veritablehokum.com/comic/mummy-brown-and-other-historical-colors/ Mummy Brown and Other Historical Colors] outlines various colors and their history in roughly chronological order. | * [http://www.veritablehokum.com/comic/mummy-brown-and-other-historical-colors/ Mummy Brown and Other Historical Colors] outlines various colors and their history in roughly chronological order. | ||
== Perceiving Color== | == Perceiving Color== | ||
* [http://factlets.info/Color Does Your Language Shape How You Think?] by Guy Deutscher in the New York Times magazine discusses, among other things, how languages that don't differentiate between green and blue result in people who have more trouble perceiving difference between them. | * [http://factlets.info/Color Does Your Language Shape How You Think?] by Guy Deutscher in the New York Times magazine discusses, among other things, how languages that don't differentiate between green and blue result in people who have more trouble perceiving difference between them. | ||
*[http://www.joehallock.com/edu/COM498/associations.html Colour Assignment - Associations] by Joe Hallock outlines different ways that we associate color with emotions and ideas, primarily from the view of an American / Western audience. | *[http://www.joehallock.com/edu/COM498/associations.html Colour Assignment - Associations] by Joe Hallock outlines different ways that we associate color with emotions and ideas, primarily from the view of an American / Western audience. | ||
* [https://blog.xkcd.com/2010/05/03/color-survey-results/ The XKCD Color Survey Results] is a sometimes-hilarious look at a survey on colors that the author of the XKCD comic did. It's very revealing about how we perceive color and how much (or how little) patience we have for thinking about it. | * [https://blog.xkcd.com/2010/05/03/color-survey-results/ The XKCD Color Survey Results] is a sometimes-hilarious look at a survey on colors that the author of the XKCD comic did. It's very revealing about how we perceive color and how much (or how little) patience we have for thinking about it. | ||
== Using Color == | == Using Color == | ||
* [https://bjango.com/articles/gradients/ Gradients] explains the different types of gradients and some of the reasons you’d use them. | * [https://bjango.com/articles/gradients/ Gradients] explains the different types of gradients and some of the reasons you’d use them. | ||
* [https://ianstormtaylor.com/design-tip-never-use-black/ Never use black] outlines why #00000 should be banned from your color list. | * [https://ianstormtaylor.com/design-tip-never-use-black/ Never use black] outlines why #00000 should be banned from your color list. | ||
* [https://www.buzzfeed.com/joannaborns/the-most-bizarre-interior-paint-shade-names-of-all-time The Most Bizarre Interior Paint Shade Names Of All Time] | * [https://www.buzzfeed.com/joannaborns/the-most-bizarre-interior-paint-shade-names-of-all-time The Most Bizarre Interior Paint Shade Names Of All Time] | ||
* [https://blog.datawrapper.de/colors-for-data-vis-style-guides/ A detailed guide to colors in data vis style guides] (aka "design systems that are heavy in charts and graphs) by [[Lisa Charlotte Muth]] at [[Datawrapper]] | |||
== Color Palettes and Tools== | == Color Palettes and Tools== | ||
===Favorites=== | ===Favorites=== | ||
* [http://www.javascripter.net/faq/hextorgb.htm Hex-to-RGB] and [http://www.javascripter.net/faq/rgbtohex.htm RGB-to-Hex] are quick color converters | * [http://www.javascripter.net/faq/hextorgb.htm Hex-to-RGB] and [http://www.javascripter.net/faq/rgbtohex.htm RGB-to-Hex] are quick color converters | ||
Line 23: | Line 21: | ||
* [https://webaim.org/resources/contrastchecker/ WebAIM Color Contrast Checker] is there to make sure your colors have accessible levels of contrast. | * [https://webaim.org/resources/contrastchecker/ WebAIM Color Contrast Checker] is there to make sure your colors have accessible levels of contrast. | ||
* [http://colorbrewer2.org Colorbrewer: Accessible color advice for map makers] gives you sets of colors that are accessibly contrasting for various map uses (and other uses). | * [http://colorbrewer2.org Colorbrewer: Accessible color advice for map makers] gives you sets of colors that are accessibly contrasting for various map uses (and other uses). | ||
=== Inspiration === | === Inspiration === | ||
* [https://www.design-seeds.com/seasons/summer/a-door-green/ Design Seeds] | * [https://www.design-seeds.com/seasons/summer/a-door-green/ Design Seeds] | ||
* [https://ohmy.disney.com/movies/2015/05/11/these-disneypixar-palettes-are-the-most-aesthetically-pleasing-things-youll-see-all-day/#Brave Disney Pixar palettes] | * [https://ohmy.disney.com/movies/2015/05/11/these-disneypixar-palettes-are-the-most-aesthetically-pleasing-things-youll-see-all-day/#Brave Disney Pixar palettes] | ||
=== Other tools === | === Other tools === | ||
* [http://www.pictaculous.com Pictaculous] generates color palettes based on a photograph you upload. | * [http://www.pictaculous.com Pictaculous] generates color palettes based on a photograph you upload. | ||
* [https://www.colorcombos.com/combotester.html?color0=484452&color1=F8F2DA&color2=C7AFBD&color3=DDECEF&color4=99aacc&color5=88CA8E Color Combo Tester] lets you put a few columns of colors next to each other while fiddling with a palette | * [https://www.colorcombos.com/combotester.html?color0=484452&color1=F8F2DA&color2=C7AFBD&color3=DDECEF&color4=99aacc&color5=88CA8E Color Combo Tester] lets you put a few columns of colors next to each other while fiddling with a palette |
Latest revision as of 14:41, 4 April 2022
See Colorblindness for additional color tools and Category: Cascading Style Sheets for CSS tools that make gradients and stripes and the like easier.
Color Theory
Color History
- Mummy Brown and Other Historical Colors outlines various colors and their history in roughly chronological order.
Perceiving Color
- Does Your Language Shape How You Think? by Guy Deutscher in the New York Times magazine discusses, among other things, how languages that don't differentiate between green and blue result in people who have more trouble perceiving difference between them.
- Colour Assignment - Associations by Joe Hallock outlines different ways that we associate color with emotions and ideas, primarily from the view of an American / Western audience.
- The XKCD Color Survey Results is a sometimes-hilarious look at a survey on colors that the author of the XKCD comic did. It's very revealing about how we perceive color and how much (or how little) patience we have for thinking about it.
Using Color
- Gradients explains the different types of gradients and some of the reasons you’d use them.
- Never use black outlines why #00000 should be banned from your color list.
- The Most Bizarre Interior Paint Shade Names Of All Time
- A detailed guide to colors in data vis style guides (aka "design systems that are heavy in charts and graphs) by Lisa Charlotte Muth at Datawrapper
Color Palettes and Tools
Favorites
- Hex-to-RGB and RGB-to-Hex are quick color converters
- Paletton makes building a color palette easier, especially since it includes colorblindness tools
- WebAIM Color Contrast Checker is there to make sure your colors have accessible levels of contrast.
- Colorbrewer: Accessible color advice for map makers gives you sets of colors that are accessibly contrasting for various map uses (and other uses).
Inspiration
Other tools
- Pictaculous generates color palettes based on a photograph you upload.
- Color Combo Tester lets you put a few columns of colors next to each other while fiddling with a palette
This category currently contains no pages or media.