{"id":569,"url":"https://github.com/Siddharth11/Colorful","last_synced_at":"2025-08-13T19:33:53.998Z","repository":{"id":38206751,"uuid":"57318132","full_name":"Siddharth11/Colorful","owner":"Siddharth11","description":"A curated list of awesome resources to choose your next color scheme","archived":false,"fork":false,"pushed_at":"2024-03-27T11:34:26.000Z","size":3718,"stargazers_count":1048,"open_issues_count":1,"forks_count":50,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-05-23T03:04:50.277Z","etag":null,"topics":["articles","awesome","awesome-list","color-palette","color-scheme","color-theory","colors","list","resource"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Siddharth11.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"license","code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-04-28T16:36:03.000Z","updated_at":"2024-05-22T11:16:31.000Z","dependencies_parsed_at":"2024-04-28T02:19:03.434Z","dependency_job_id":"07f91e2d-4ae3-47ca-8bd2-270d26a8f033","html_url":"https://github.com/Siddharth11/Colorful","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Siddharth11%2FColorful","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Siddharth11%2FColorful/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Siddharth11%2FColorful/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Siddharth11%2FColorful/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Siddharth11","download_url":"https://codeload.github.com/Siddharth11/Colorful/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229673812,"owners_count":18105436,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["articles","awesome","awesome-list","color-palette","color-scheme","color-theory","colors","list","resource"],"created_at":"2024-01-05T20:12:58.448Z","updated_at":"2025-08-13T19:33:53.976Z","avatar_url":"https://github.com/Siddharth11.png","language":null,"readme":"\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"color-palette.gif\" alt=\"header image\"\u003e\n\u003c/p\u003e\n\n# Colorful [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n__A curated list of awesome resources to choose your next color scheme.__\nInspired by the __[awesome](https://github.com/sindresorhus/awesome)__ list. Please read the __[contribution guidelines](contributing.md)__ before contributing.\n\n## Table of Contents\n- [Tools](#tools)\n  - [Libraries](#libraries)\n  - [Web App](#web-app)\n- [Color Palettes](#color-palettes)\n- [Articles](#articles)\n\n## Tools\n\n#### Libraries\n- [Chroma.js](http://gka.github.io/chroma.js/) - JavaScript library for dealing with colors.\n- [pigment](https://github.com/satya164/pigment) - Color information, conversion and manipulation library\n- [GradStop.js](https://github.com/Siddharth11/gradStop.js) - Generate gradient color stops.\n- [Adaptive Backgrounds](https://briangonzalez.github.io/jquery.adaptive-backgrounds.js/) - Extract dominant colors from images and apply to its parent (jQuery Plugin).\n- [Coloor](https://github.com/krasimir/coloor) - Image preloading utility.\n- [Color Thief](https://github.com/lokesh/color-thief) - Grab color palette from an image.\n- [Colorify.js](https://github.com/LukyVj/Colorify.js) - Simple, customizable, tiny JavaScript color extractor.\n- [Colofilter.css](https://github.com/LukyVj/colofilter.css) - Duotone filters made with CSS.\n- [Polychrome](https://github.com/cdonohue/polychrome) - A small library for parsing and manipulating colors.\n- [Palettable](https://github.com/jiffyclub/palettable) - Palettable (formerly brewer2mpl) is a library of color palettes for Python\n- [picocli](http://picocli.info/) - Small library for creating Java command line applications with ANSI colors and styles.\n- [granim.js](https://github.com/sarcadass/granim.js) - Create fluid and interactive gradient animations.\n- [tinygradient](https://github.com/mistic100/tinygradient) - Fast and small gradients manipulation.\n- [TinyColor](https://github.com/bgrins/TinyColor) - Fast, small color manipulation and conversion for JavaScript.\n- [Distinct Colors](https://github.com/internalfx/distinct-colors) - Generate a palette of visually distinct colors.\n- [color2k](https://github.com/ricokahler/color2k) - A color parsing and manipulation lib.\n\n#### Web App\n- [Color Picker for Data](http://tristen.ca/hcl-picker/) - Hold chroma constant and pick your palette with ease.\n- [Colorbrewer2](http://colorbrewer2.org/) - Multi-hue and single-hue palettes for heat maps and data visualization.\n- [Coolors](https://coolors.co/) - Generate infinite color palettes for your designs and share.\n- [Flat UI Colors](http://flatuicolors.com/) - UI color set.\n- [Material Design Colors](http://www.materialui.co/) -  Material Design Colors, Flat UI Colors and Material Design Icons.\n- [Palettab](http://palettab.com/) - New color palette and font inspiration with every tab (Chrome Extension).\n- [Paletton](http://paletton.com) - The Color Scheme Designer.\n- [Adobe Color Wheel](https://color.adobe.com/) - Create color schemes with the color wheel.\n- [Drag Gradients](http://elrumordelaluz.github.io/draGGradients/) - Generate and customize multiple css3 radial gradients.\n- [SassMe](https://github.com/jimniels/sassme) - Visualize SASS color functions in real-time without compiling.\n- [Colourco](http://www.colourco.de/) - Easily and intuitively combine colours.\n- [HSL Color Picker](http://hslpicker.com/) - HSL Color Picker.\n- [SVG Color Filter Playground](http://kazzkiq.github.io/svg-color-filter/) - Understand how feColorMatrix works.\n- [Random A11y](http://www.randoma11y.com) - Generates a random palette that is a11y friendly.\n- [Save My Palette](http://savemypalette.com/) - Save, share, and export your color palettes.\n- [Colordot](https://color.hailpixel.com) - A color picker for humans.\n- [Material Palette](http://www.materialpalette.com/) - Material Design color palette generator.\n- [0to255](http://www.0to255.com/) - Find variations of any color.\n- [147 Colors](http://147colors.com/) - Learn CSS color names.\n- [Shutterstock Spectrum](http://www.shutterstock.com/labs/spectrum/) - Search Images by Color with Spectrum.\n- [ColRD](http://colrd.com/) - Create and share color inspiration with the world.\n- [Palettable](http://www.palettable.io/) - Generate beautiful color palettes with no prior design knowledge.\n- [Colorgorical](http://vrl.cs.brown.edu/color) - Generate a palette with n colors.\n- [Color Library](http://colorlibrary.ch/) - Automated Color Separation.\n- [ColorFavs](http://www.colorfavs.com/) - Create and Discover Beautiful Color Palettes and Colors.\n- [Colormind](http://www.colormind.io/) - Colormind is a color scheme generator that uses deep learning.\n- [iColorpalette](https://icolorpalette.com) - Create, browse or export (aco, ase, svg, png, pdf) color palettes by color or themes.\n- [geenes](https://geenes.app/) - Create a color scale in seconds, then export it to sketch or code.\n- [Tints and Shades](https://maketintsandshades.com/) - Display tints and shades of a given hex color in 10% increments.\n- [Sorted colors](https://enes.in/sorted-colors/) - Sorted named CSS colors in a way that it shows related colors together.\n- [Croma](https://croma.app) - Generate color palettes from image and colors\n- [Hexcolorpedia](https://hexcolorpedia.com/) - Hex color information, Color conversion, Shades, tints, tones, Pantone match, color blending and huge Color palettes collection.\n- [Atmos](https://atmos.style/) - Everything you need to create color palettes.\n- [AI Color Palette Generator](https://www.loopple.com/color-palette-generator) - Effortlessly Create Stunning Color Schemes\nwith AI-Powered Palette Generator.\n- [Colorca](https://colorca.org/) - Design an accessible color palette for digital products in HSLuv color space\n- [ColorBeta](https://colorbeta.com/) - Advanced CSS Gradient Generator.\n- [Color Wheel](https://colorwheel.co/) - A color wheel based on the drawings by Goethe, Johann Wolfgang von from the year 1810.\n- [RGB HEX Code](https://rgbhexcode.com/) - HTML/CSS Color Picker \u0026 Converter.\n\n## Color Palettes\n- [ColorHunt](http://colorhunt.co/) - Color palettes with quick preview feature.\n- [Swiss Style Color Picker](http://www.swisscolors.net/) - Color palettes collection.\n- [UI Gradients](http://uigradients.com/) - Handpicked collection of beautiful colour gradients.\n- [Color Hex Palettes](http://www.color-hex.com/color-palettes/) - Discover the new color palettes.\n- [Color Palettes](http://colorpalettes.net/) - Decorate your house, flat, bedroom, kitchen, living room and wedding with color ideas.\n- [Design Seeds](http://www.design-seeds.com/) - Colors found in nature and the aesthetic of purposeful living.\n- [Gradients](http://thewebrocks.com/demos/gradientsio/v2.html) - Curated gradients.\n- [Colour Names](http://colours.neilorangepeel.com/) - List of colour names in CSS.\n- [BrandColors](http://brandcolors.net/) - Official color codes for the world's biggest brands.\n- [Branition Colors](https://branition.com/colors) - Hand-curated collection of color pallets best fitted for branding.\n- [Color Lisa](http://www.colorlisa.com/) - Color palette masterpieces of the world’s greatest artists.\n- [Cohesive Colors](http://javier.xyz/cohesive-colors/) - A tool to create cohesive color schemes.\n- [Colordrop](https://colordrop.io/) - A collection of great looking color palettes.\n- [ColorsWall](https://colorswall.com/) - Place to store your color Palettes and generate tool.\n- [Open Color](https://yeun.github.io/open-color/) - Colors tested on deuteranopia and protanopia mode.\n- [ColorClaim](http://www.vanschneider.com/colors) - Subtle color combinations.\n- [WebGradients](https://webgradients.com/) - A free collection of 180 linear gradients.\n- [Dave Green's 'cubehelix' colour scheme](http://www.mrao.cam.ac.uk/~dag/CUBEHELIX/) - Resources for the cubehelix family of colour schemes.\n- [Color Name List](https://github.com/meodai/color-names/) - Huge curated list of unique color names.\n- [Realtime Colors](https://www.realtimecolors.com) - Visualize Your Colors \u0026 Fonts On a Real Site.\n- [InclusiveColors](https://www.inclusivecolors.com/) - Create custom accessible Tailwind-style color palettes, with WCAG/APCA contrast checks and live previews on a mockup.\n- [ColorMagic](https://colormagic.app) - Generate color palettes with AI. Enter any keyword and generate a matching color palette.\n- [Magic Gradient](https://magicgradient.com) - Generate gradients from any keyword with AI.\n\n## Articles\n- [Trendy Web Color Palettes and Material Design Color Schemes \u0026 Tools](http://www.awwwards.com/trendy-web-color-palettes-and-material-design-color-schemes-tools.html?utm_source=Twitter\u0026utm_medium=Social\u0026utm_campaign=Twitter-Blog-Color\u0026utm_content=Twitter)\n- [How I Work with Color](https://medium.com/@JustinMezzell/how-i-work-with-color-8439c98ae5ed#.b99s3au3w)\n- [Color Palette Documentation for Living Style Guides](https://medium.com/@jxnblk/color-palette-documentation-for-living-style-guides-d25d65aa20a5#.q0q6fb5qy)\n- [How I Learned About Color Mixing](https://medium.com/@julialundman/my-experiences-in-learning-about-color-6de4ec274503#.m0t57e6ws)\n- [The Power of Colour in App Design](https://medium.com/@nicknelo/why-use-colour-branding-in-apps-a95deba49dae#.pj3012j9x)\n- [Create Emotion With Color In UX Design](https://uxplanet.org/create-emotion-with-color-in-ux-design-446a3766b085#.g6o0xsyfd)\n- [The Principles of UX Choreography](https://medium.com/@becca_u/the-principles-of-ux-choreography-69c91c2cbc2a#.henp1zpjb)\n- [How to create a color story](https://medium.com/design-story/how-to-create-a-color-story-aa75a62bf953#.pclx97jsf)\n- [The Psychology of Color in Marketing](https://www.helpscout.net/blog/psychology-of-color/)\n- [Algorithm for automatic harmonious color selection for the image](https://uxplanet.org/algorithm-for-automatic-harmonious-color-selection-for-the-image-fc26dde69ca1#.5luiehaag)\n- [Take color inspiration from the masters](https://medium.com/@WebdesignerDepot/take-color-inspiration-from-the-masters-e9c2bcf1c8e2#.bhc22yxap)\n- [Build a Color Scheme: The Fundamentals](http://tympanus.net/codrops/2012/09/17/build-a-color-scheme-the-fundamentals/)\n- [Principles of Color and the Color Wheel](http://tympanus.net/codrops/2012/02/28/principles-of-color-and-the-color-wheel/)\n- [Color and Emotion: What Does Each Hue Mean?](http://tympanus.net/codrops/2012/04/03/color-and-emotion-what-does-each-hue-mean/)\n- [Color Theory for Designers, Part 1: The Meaning of Color](https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/)\n- [A Simple Web Developer’s Guide To Color](https://www.smashingmagazine.com/2016/04/web-developer-guide-color/)\n- [Design Accessibly, See Differently: Color Contrast Tips And Tools](https://www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/)\n- [The Code Side Of Color](https://www.smashingmagazine.com/2012/10/the-code-side-of-color/)\n- [How to create the right emotions with color in web design](http://thenextweb.com/dd/2015/04/07/how-to-create-the-right-emotions-with-color-in-web-design/)\n- [Picking a color for your brand](http://focuslabllc.com/digest/picking-a-color-for-your-brand)\n- [Finessing \\`feColorMatrix\\`](http://alistapart.com/article/finessing-fecolormatrix)\n- [Designing in color](https://medium.freecodecamp.com/designing-in-color-abd358660a7b)\n- [Color Realism and Color Science](http://web.mit.edu/abyrne/www/ColorRealism.html)\n- [The Psychology of Color in Marketing and Branding](https://medium.com/swlh/the-psychology-of-color-in-marketing-and-branding-ebb2320a2b0)\n- [A Guide to Color and Conversion Rates](https://uxplanet.org/a-guide-to-color-and-conversion-rates-f3a28e8e32bb)\n- [A Nerd’s Guide to Color on the Web](https://css-tricks.com/nerds-guide-color-web/)\n- [A colour scheme for the display of astronomical intensity images](http://adsabs.harvard.edu/abs/2011BASI...39..289G)\n\n\u003cbr\u003e\n\u003cbr\u003e\n\n### Image credits\n[Aleksandar Savić](https://dribbble.com/almigor) and [Nenad Zivanovic](https://dribbble.com/nenadzivanovic).\n","funding_links":[],"categories":["Media","Miscellaneous","Technical","Others","Even More Awesome","Uncategorized","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","Design Tools","其他","Other Lists","杂项","Themed Directories"],"sub_categories":["ramanihiteshc@gmail.com","Uncategorized","Color","TeX Lists"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSiddharth11%2FColorful","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSiddharth11%2FColorful","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSiddharth11%2FColorful/lists"}