Colorful

Colorful

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

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 Wheel - A color wheel based on the drawings by Goethe, Johann Wolfgang von from the year 1810.
• RGB HEX Code - HTML/CSS Color Picker & Converter.

Color Palettes

• ColorHunt - Color palettes with quick preview feature.
• 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.
• BrandColors - Official color codes for the world's biggest brands.
• Branition Colors - Hand-curated collection of color pallets best fitted for branding.
• 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.
• 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.
• Realtime Colors - Visualize Your Colors & Fonts On a Real Site.
• InclusiveColors - Create custom accessible Tailwind-style color palettes, with WCAG/APCA contrast checks and live previews on a mockup.
• ColorMagic - Generate color palettes with AI. Enter any keyword and generate a matching color palette.

Articles

• 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 Power of Colour in App Design
• Create Emotion With Color In UX Design
• 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
• 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
• 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
• A colour scheme for the display of astronomical intensity images

Image credits

Aleksandar Savić and Nenad Zivanovic.