Awesome Colorful – Massive Collection of Resources

Table of Contents

• Tools
  • Libraries
  • Web App
• Color Palettes
• Articles

Tools

Libraries

• Chroma.js – JavaScript library for dealing with colors.
• pigment – Color information, conversion and manipulation library
• GradStop.js – Generate gradient color stops.
• Colorable – Color palette combination contrast tester.
• 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.
• Pictaculous – Generate color palette with an image.
• 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.
• Shade – Mathematically derived gradient explorer.
• 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.
• CheckMyColours – Check color combinations of all DOM elements for sufficient contrast.
• Contrast-A – Inspect color combinations for acceptable contrast and displays.
• Palettable – Generate beautiful color palettes with no prior design knowledge.
• Colorgorical – Generate a palette with n colors.
• Color Library – Automated Color Separation.
• Color Supply – Inspirational color palettes from designers & illustrators around the world.
• 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

Color Palettes

• ColorHunt – Color palettes with quick preview feature.
• COLOURlovers – Tools to create color palettes as well as pattern designs.
• Swiss Style Color Picker – Color palettes collection.
• UI Gradients – Handpicked collection of beautiful colour gradients.
• Color Hex Palettes – Discover the new color palettes.
• Color Palettes – Decorate your house, flat, bedroom, kitchen, living room and wedding with color ideas.
• Design Seeds – Colors found in nature and the aesthetic of purposeful living.
• Gradients – Curated gradients.
• Colour Names – List of colour names in CSS.
• LOL Colors – Curated color palette inspiration.
• BrandColors – Official color codes for the world’s biggest brands.
• Color Lisa – Color palette masterpieces of the world’s greatest artists.
• Cohesive Colors – A tool to create cohesive color schemes.
• Colordrop – A collection of great looking color palettes.
• ColorsWall – Place to store your color Palettes and generate tool.
• Open Color – Colors tested on deuteranopia and protanopia mode.
• ColorClaim – Subtle color combinations.
• Color Farm – Handpicked colors from the popular Dribbble shots.
• WebGradients – A free collection of 180 linear gradients.
• Dave Green’s ‘cubehelix’ colour scheme – Resources for the cubehelix family of colour schemes.
• Color Name List – Huge curated list of unique color names.

Articles

• Finding the Right Color Palettes for Data Visualizations
• Trendy Web Color Palettes and Material Design Color Schemes & Tools
• How I Work with Color
• Color Palette Documentation for Living Style Guides
• How I Learned About Color Mixing
• The (Unfinished) Basics of Colour
• The Power of Colour in App Design
• Create Emotion With Color In UX Design
• How to Design for Color Blindness
• The Principles of UX Choreography
• How to create a color story
• The Psychology of Color in Marketing
• Algorithm for automatic harmonious color selection for the image
• Oiling the Color Wheel with Jade + Sass
• Take color inspiration from the masters
• Build a Color Scheme: The Fundamentals
• Principles of Color and the Color Wheel
• Color and Emotion: What Does Each Hue Mean?
• Color Theory for Designers, Part 1: The Meaning of Color
• A Simple Web Developer’s Guide To Color
• Design Accessibly, See Differently: Color Contrast Tips And Tools
• The Code Side Of Color
• How to create the right emotions with color in web design
• Introduction to Color Theory
• Picking a color for your brand
• Finessing `feColorMatrix`
• Designing in color
• Color Realism and Color Science
• The Psychology of Color in Marketing and Branding
• A Guide to Color and Conversion Rates
• A Nerd’s Guide to Color on the Web
• Cubehelix, or How I Learned to Love Black & White Printers
• A colour scheme for the display of astronomical intensity images