/Colorful

A curated list of awesome resources to choose your next color scheme

Creative Commons Zero v1.0 UniversalCC0-1.0

header image

Colorful Awesome

A curated list of awesome resources to choose your next color scheme. Inspired by the awesome list. Please read the contribution guidelines before contributing.

Table of Contents

Tools

Libraries

  • Chroma.js - JavaScript library for dealing with colors.
  • pigment - Color information, conversion and manipulation library
  • GradStop.js - Generate gradient color stops.
  • Adaptive Backgrounds - Extract dominant colors from images and apply to its parent (jQuery Plugin).
  • Coloor - Image preloading utility.
  • Color Thief - Grab color palette from an image.
  • Colorify.js - Simple, customizable, tiny JavaScript color extractor.
  • Colofilter.css - Duotone filters made with CSS.
  • Polychrome - A small library for parsing and manipulating colors.
  • Palettable - Palettable (formerly brewer2mpl) is a library of color palettes for Python
  • picocli - Small library for creating Java command line applications with ANSI colors and styles.
  • granim.js - Create fluid and interactive gradient animations.
  • tinygradient - Fast and small gradients manipulation.
  • TinyColor - Fast, small color manipulation and conversion for JavaScript.
  • Distinct Colors - Generate a palette of visually distinct colors.
  • color2k - A color parsing and manipulation lib.

Web App

  • Color Picker for Data - Hold chroma constant and pick your palette with ease.
  • Colorbrewer2 - Multi-hue and single-hue palettes for heat maps and data visualization.
  • Coolors - Generate infinite color palettes for your designs and share.
  • Flat UI Colors - UI color set.
  • Material Design Colors - Material Design Colors, Flat UI Colors and Material Design Icons.
  • Palettab - New color palette and font inspiration with every tab (Chrome Extension).
  • Paletton - The Color Scheme Designer.
  • Adobe Color Wheel - Create color schemes with the color wheel.
  • Drag Gradients - Generate and customize multiple css3 radial gradients.
  • SassMe - Visualize SASS color functions in real-time without compiling.
  • Colourco - Easily and intuitively combine colours.
  • HSL Color Picker - HSL Color Picker.
  • SVG Color Filter Playground - Understand how feColorMatrix works.
  • Random A11y - Generates a random palette that is a11y friendly.
  • Save My Palette - Save, share, and export your color palettes.
  • Colordot - A color picker for humans.
  • Material Palette - Material Design color palette generator.
  • 0to255 - Find variations of any color.
  • 147 Colors - Learn CSS color names.
  • Shutterstock Spectrum - Search Images by Color with Spectrum.
  • ColRD - Create and share color inspiration with the world.
  • Palettable - Generate beautiful color palettes with no prior design knowledge.
  • Colorgorical - Generate a palette with n colors.
  • Color Library - Automated Color Separation.
  • ColorFavs - Create and Discover Beautiful Color Palettes and Colors.
  • Colormind - Colormind is a color scheme generator that uses deep learning.
  • iColorpalette - Create, browse or export (aco, ase, svg, png, pdf) color palettes by color or themes.
  • geenes - Create a color scale in seconds, then export it to sketch or code.
  • Tints and Shades - Display tints and shades of a given hex color in 10% increments.
  • Sorted colors - Sorted named CSS colors in a way that it shows related colors together.
  • Croma - Generate color palettes from image and colors
  • Hexcolorpedia - Hex color information, Color conversion, Shades, tints, tones, Pantone match, color blending and huge Color palettes collection.
  • Atmos - Everything you need to create color palettes.
  • AI Color Palette Generator - Effortlessly Create Stunning Color Schemes with AI-Powered Palette Generator.
  • Colorca - Design an accessible color palette for digital products in HSLuv color space
  • ColorBeta - Advanced CSS Gradient Generator.

Color Palettes

Articles



Image credits

Aleksandar Savić and Nenad Zivanovic.