Colorful
Color tools
A curated collection of color manipulation and generation tools for designers and developers
A curated list of awesome resources to choose your next color scheme
1k stars
13 watching
52 forks
last commit: 27 days ago
Linked from 3 awesome lists
articlesawesomeawesome-listcolor-palettecolor-schemecolor-theorycolorslistresource
Colorful / Tools | |||
Chroma.js | JavaScript library for dealing with colors | ||
pigment | 11 | over 7 years ago | Color information, conversion and manipulation library |
GradStop.js | 154 | over 5 years ago | Generate gradient color stops |
Adaptive Backgrounds | Extract dominant colors from images and apply to its parent (jQuery Plugin) | ||
Coloor | 333 | over 8 years ago | Image preloading utility |
Color Thief | 12,644 | about 2 months ago | Grab color palette from an image |
Colorify.js | 805 | over 3 years ago | Simple, customizable, tiny JavaScript color extractor |
Colofilter.css | 620 | over 3 years ago | Duotone filters made with CSS |
Polychrome | 288 | almost 7 years ago | A small library for parsing and manipulating colors |
Palettable | 777 | 6 months ago | 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 | 5,289 | almost 2 years ago | Create fluid and interactive gradient animations |
tinygradient | 196 | about 1 year ago | Fast and small gradients manipulation |
TinyColor | 5,090 | 5 months ago | Fast, small color manipulation and conversion for JavaScript |
Distinct Colors | 121 | almost 2 years ago | Generate a palette of visually distinct colors |
color2k | 614 | 23 days ago | A color parsing and manipulation lib |
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 | 58 | about 6 years ago | 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 | ||
Colorful / 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 | 2,402 | 7 days ago | 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 | ||
Colorful / 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 |