Skip to content

Latest commit

 

History

History
92 lines (65 loc) · 6.04 KB

2024-02-28-color-palettes.md

File metadata and controls

92 lines (65 loc) · 6.04 KB
layout title subtitle cover-img thumbnail-img tags
post
Color palettes
Notes for myself
/assets/img/color-palettes/colors.jpg
/assets/img/color-palettes/colorthumb.png
colors

Picking good colors is important for both scientific clarity and aesthetics. Poorly chosen colors may misrepresent data because of color palette artifacts, or make people disinclined to look at a figure because it is ugly. To that end, I'm dumping color related stuff here so that it is easier to find in the future.

Useful links

Viz Palette: I use this a lot. Gives you a very quick look at how a set of colors work together. Gives each one a qualitative name, does colorblindness comparisons (that are easy to look at), and lets you tweak the colors pretty easily.

Viz Palette

color-hex: for more aesthetic palettes (e.g. for this site).

Papers

Here is a paper on The misuse of color in science communication (Crameri et al. 2020).

Color palette generators

i want hue: a (semi-random) palette generator for n-colors. They let you determine the parameters of your palette, then use an algorithm to draw colors from those parameters. They give you lots of useful tutorials and examples for how to generate palettes, and have a colorblindness comparison that is a bit hard to parse, but quite helpful.

colorpicker: an easy way to export a palette of n perceptually uniform colors based on the HSLuv palette; it just interpolates between two chosen colors. Super easy to use. They also let you visualize the palette on a choropleth.

colorbrewer2: doesn't give you much control, but it does let you quickly select a good palette among several presets, filtered by things like colorblind friendliness, print friendliness and nature of the data.

hclwizard: has a lot of finicky (though not secure SSL'd) tools for picking colors, visualizing colorblindness, and selecting HCL colors.

HSLuv: billed as a "human friendly" alternative to HSL. It is designed as a perceputally uniform color space. This website gives some info on the palette, as well as lets you explore and pick a single value from the space. Probably nice for generating a seed hex.

Discrete color palettes

Some good (and not-so-good) color palettes that I've used for either figures or for my computer setup.

Gytis' colors

Color palette sent to me by Gytis Dudas that he really likes: link

  • #4c72a5 #4c72a5
  • #48a365 #48a365
  • #d0694a #d0694a
  • #e1c72f #e1c72f
  • #cc79a7 #cc79a7
  • #77bedb #77bedb
  • #7f6e85 #7f6e85
  • #ccc197 #ccc197

This palette makes up the "core" gruvbox palette.

  • #cc241d #4c72a5
  • #98971a #98971a
  • #d79921 #d79921
  • #458588 #458588
  • #b16286 #b16286
  • #689d6a #689d6a
  • #d65d0e #d65d0e
  • #282828 #282828

Dark gruvbox colors

The other option for the above (link)

  • #9d0006 #9d0006
  • #79740e #79740e
  • #b57614 #b57614
  • #076678 #076678
  • #8f3f71 #8f3f71
  • #427b58 #427b58
  • #af3a03 #af3a03

Gruv candy

Spent some time working with Gytis on these colors, so they are WIP.

  • #FF241F #FF241F
  • #79C563 #79C563
  • #FFBB00 #FFBB00
  • #B4BD00 #B4BD00
  • #00929F #00929F
  • #EE759B #EE759B
  • #FF7600 #FF7600
  • #B3D6C9 #B3D6C9