Skip to main content

color

Spectral Colours on Screen

FF:06:B5​

Non-spectral colour | lightcolourvision.org

FF:06:B5 2.0 Summary: A Resolution? : r/FF06B5

1. Color Brewer​

  • Website: Color Brewer
  • Features: Provides a variety of color schemes optimized for data visualization, including sequential, diverging, and qualitative palettes. It also includes options for colorblind-friendly and print-friendly palettes.

2. Coolors​

  • Website: Coolors
  • Features: A color scheme generator that allows you to create, save, and export palettes. It’s useful for exploring different combinations and finding colors that work well together.

3. Adobe Color​

  • Website: Adobe Color
  • Features: Offers a color wheel and various rules for creating harmonious color schemes. You can explore and create themes, extract colors from images, and access a community of shared palettes.

4. Material Design Color Tool​

  • Website: Material Design Color Tool
  • Features: Provides color palettes designed according to Google’s Material Design principles. It helps in selecting colors that maintain good contrast and accessibility standards.

5. Canva Color Palette Generator​

  • Website: Canva Color Palette Generator
  • Features: Allows you to upload an image and extract a color palette from it. Useful for creating palettes based on a specific image or theme.

Color Patterns and Guidelines​

1. Sequential Palettes​

  • Use Case: Ideal for ordered data that progresses from low to high (e.g., population density, temperature).
  • Example: Light to dark shades of a single color.

2. Diverging Palettes​

  • Use Case: Suitable for data with a critical midpoint, such as deviation from a mean (e.g., temperature anomalies).
  • Example: Two contrasting colors with a neutral color in the middle.

3. Qualitative Palettes​

  • Use Case: Best for categorical data where each category is distinct (e.g., types of fruit, regions).
  • Example: Different hues with similar lightness and saturation.

4. Color Accessibility​

  • Considerations: Ensure sufficient contrast for readability and use colorblind-friendly palettes. Tools like Color Brewer and the Material Design Color Tool have options to check for accessibility.

5. Consistent Color Use​

  • Guideline: Use consistent colors for the same data points across different visualizations to maintain clarity and prevent confusion.

Example of Applying Color Patterns​

Sequential Palette Example​

  • Low: #d4e157 (light green)
  • Medium: #8bc34a (green)
  • High: #558b2f (dark green)

Diverging Palette Example​

  • Low: #d73027 (red)
  • Midpoint: #f7f7f7 (white)
  • High: #1a9850 (green)

Qualitative Palette Example​

  • Category 1: #1f77b4 (blue)
  • Category 2: #ff7f0e (orange)
  • Category 3: #2ca02c (green)
  • Category 4: #d62728 (red)

Tools for Checking Accessibility​