{"id":15024709,"url":"https://github.com/meta-magic/amexiocolors","last_synced_at":"2026-03-11T03:31:59.787Z","repository":{"id":57177250,"uuid":"122522091","full_name":"meta-magic/AmexioColors","owner":"meta-magic","description":"Amexio Colors Autogenerates Material Design based Themes. Out of the box, there are 80+ Material Design based themes available. Amexio Colors API is available for the developers to build their on themes or use the API to handle various color combinations and derive new colors based on the fundamental colors.  Amexio Colors CLI is for the Angular developers to create Material Design based themes. CLI can be installed using npm. ","archived":false,"fork":false,"pushed_at":"2019-05-03T06:38:24.000Z","size":1155,"stargazers_count":6,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-26T02:03:43.433Z","etag":null,"topics":["amexio","amexio-colors","amexio-material","angular","angular4","angular5","angular8","cmyk","color-profile","color-wheel","complementary-colors","hsl","material-design","rgb","saturation","theme","theme-development","themebuilder"],"latest_commit_sha":null,"homepage":"https://amexio.tech/amexio-colors","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/meta-magic.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License.MD","code_of_conduct":"CODE_OF_CONDUCT.MD","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-02-22T19:03:46.000Z","updated_at":"2024-06-23T05:55:42.000Z","dependencies_parsed_at":"2022-09-14T02:10:36.938Z","dependency_job_id":null,"html_url":"https://github.com/meta-magic/AmexioColors","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/meta-magic%2FAmexioColors","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meta-magic%2FAmexioColors/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meta-magic%2FAmexioColors/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meta-magic%2FAmexioColors/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/meta-magic","download_url":"https://codeload.github.com/meta-magic/AmexioColors/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248530610,"owners_count":21119591,"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":["amexio","amexio-colors","amexio-material","angular","angular4","angular5","angular8","cmyk","color-profile","color-wheel","complementary-colors","hsl","material-design","rgb","saturation","theme","theme-development","themebuilder"],"created_at":"2024-09-24T20:00:46.551Z","updated_at":"2026-03-11T03:31:59.741Z","avatar_url":"https://github.com/meta-magic.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cimg src=\"http://image.ibb.co/f3yVVH/Amexio_Colors_Full_Logo_2_T.png\" alt=\"Amexio Colors Logo\" align=\"center\"\u003e\n\n\u003ch1 align=\"center\"\u003e\nAmexio Colors API v2.0\n\u003c/h1\u003e\n\u003ch2 align=\"center\"\u003e\n(A member of MetaMagic Blue Qube family)\n\u003c/h2\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- NPM version --\u003e\n  \u003ca href=\"https://www.npmjs.com/package/amexio-colors\"\u003e\n    \u003cimg src=\"https://badge.fury.io/js/amexio-colors.svg\"\n      alt=\"NPM version\" /\u003e\n  \u003c/a\u003e\n  \u003c!-- Downloads \n  \u003ca href=\"https://www.npmjs.com/package/amexio-colors\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dm/choo.svg?style=flat-square\"\n      alt=\"Downloads\" /\u003e\n  \u003c/a\u003e\n  --\u003e\n   \u003ca href=\"https://www.npmjs.com/package/amexio-colors\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dt/amexio-colors.svg\"\n      alt=\"Downloads\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ch3\u003e\n    \u003ca href=\"https://amexio.tech/amexio-colors\"\u003e\n      Website\n    \u003c/a\u003e\n    \u003cspan\u003e | \u003c/span\u003e\n    \u003ca href=\"https://meta-magic.github.io/AmexioColors/\"\u003e\n      Colors API Docs\n    \u003c/a\u003e\n    \u003cspan\u003e | \u003c/span\u003e\n    \u003ca href=\"http://amexio.org/api/v4.1/#/amexio-colors\"\u003e\n      Colors Demo\n    \u003c/a\u003e\n    \u003cspan\u003e | \u003c/span\u003e\n    \u003ca href=\"http://demo.amexio.tech/\"\u003e\n      Demo SE\n    \u003c/a\u003e\n    \u003cspan\u003e | \u003c/span\u003e\n    \u003ca href=\"http://forum.metamagicglobal.com/\"\u003e\n      Forum\n    \u003c/a\u003e\n    \u003cspan\u003e | \u003c/span\u003e\n    \u003ca href=\"https://www.metamagicglobal.com/\"\u003e\n      MetaMagic Global\n    \u003c/a\u003e\n  \u003c/h3\u003e\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\n## Getting Started\n\nTo install the Amexio Colors:\n\n```bash\n$ sudo npm install -g amexio-colors\n```\nCheck the Amexio Colors version:\n\n```bash\n$ ac\nAmexio Colors v1.0\nCopyright (c) 2018, MetaMagic Global Inc, NJ, USA\n.....\n```\n\nTo Generate Amexio Material Design Themes\n\n```bash\n$ pwd\n/home/user/\n\n$ mkdir mythemes\n$ cd mythemes\n$ echo \"// Amexio Themes v0.0 \" \u003e\u003e Themes-Data.txt\n$ echo \"// Design-Type : Material Design \" \u003e\u003e Themes-Data.txt\n$ echo \"// Theme-Version : 4.0 \" \u003e\u003e Themes-Data.txt\n$ echo \"army-olive,#4B5320,#708238\" \u003e\u003e Themes-Data.txt\n$ echo \"ash-stone-black,#544C4A,#877F7D\" \u003e\u003e Themes-Data.txt\n\n$ ac Themes-Data.txt /home/user/mythemes/\n```\n\n## Amexio Colors API Documentation\n\nCheckout the [Amexio Colors API Documentation](https://meta-magic.github.io/AmexioColors/) published in GitHub Pages. \n\nFor Testing the Themes Autogenerated by the Amexio Colors Checkout the [Amexio API Site](http://api.amexio.tech)\n\n\u003cimg src=\"http://image.ibb.co/kZuvSx/Amexio_Colors_Page.jpg\" alt=\"Amexio Colors Page\" align=\"center\"\u003e\n\n\n## Understanding various Color formats\n\n RGB  = Red Green Blue\u003cbr\u003e\n HSL  = Hue Saturation Lightness\u003cbr\u003e\n HWB  = Hue Whiteness Blackness\u003cbr\u003e\n CMYK = Cyan Magenta Yellow Black\u003cbr\u003e\n \n A Color profile establishes the boundaries of the RGB or CMYK gamut, without a\n color profile, the numbers expressed as RGB or CMYK has no meaning. While RGB is\n mainly used for electronic displays CMYK is used for print medium.\n  \n When all the colors of RGB combines you will get white similar to the convergence\n of the Rainbow colors resulting in white light.\n  \n At the same time when all the colors of CMYK combines you will get Black as it \n represents the absorption of light resulting in Darkness.\n  \n RGB and CMYK are \"device dependent\", meaning that you can get different colors \n with the same set of numbers.\n  \n ## How we arrived at building this API\n \n \u003cimg src=\"https://image.ibb.co/dmrJNc/Amexio_Color_Stats.jpg\" alt=\"Amexio Color History\" align=\"center\"\u003e\n \n ## Color is the Magical Object in Amexio Color API\n \n Color is an immutable object with RGB with Alpha, HSL, RGB Normalized Values \n (to be used in Machine Learning), Hex Values and Color Channel identification. \n  \n It also has the following Conversion Alogrithms.\n \n * RGB to HSL\n * RGB to HWB\n * RGB to CMYK\n * RGB to NCol (Natural Colors - To be implemented)\n \n * HSL to RGB\n  \n ### Functions available in Color API\n \n * Pure Color of the Current Color (Saturation = 100, Lightness = 51)\n * Gray Tone of the Current Color (Saturation = 25, Lightness = 81)\n * Finding Foreground Color for the Current Color\n * Finding Background Color for the Current Color\n * Darken the Current Color\n * Lighten the Current Color\n \n Code Structure\n \n Package \u003cbr\u003e                 \n  Start \u003e ColorFactory - checkArgs() \u003cbr\u003e\n                             - buildThemes() - AmexioThemeFactory (inputFileName, outputPath) \u003cbr\u003e\n                                                   - createThemes()    \u003cbr\u003e                                                 \n \n ## Amexio Theme Builder API\n \n Theme Builder uses the the above mentioned functions to understand the color patterns and \n automatically derive the color patterns and color combinations for the Primary Color \n given as an input to the Theme Builder. \n \n ## Amexio Color Factory API\n \n Color Factory API will focus on creating Color combinations based on the following Color Patterns\n \n ### Color Duo\n \n Colors that are directly opposite one another on the color wheel are known as complementary colors. \n Complementary colors have a high contrast and can be very effective as accent colors when paired with \n a more neutral palette.\n \n ### Triadic Colors\n  \n Triadic harmonies consist of three colors equidistant from one another on the color wheel. Like \n complementary colors, triadic schemes tend to be very bright with a high contrast and work best \n when one color dominates.\n \n ### Tetradic Colors\n \n Tetradic color harmonies are formed by two sets of complementary colors 60 degrees apart on the \n color wheel. Tetradic schemes are an excellent starting point for creating color palettes; fine \n tune them using color shades, tints and tones.\n \n ###  Analogus Colors\n \n Analogous harmonies are created by selecting the colors directly adjacent to a chosen color. \n Frequently found in web design, analogous schemes, when paired with a complementary color for \n contrast, can offer great versatility.\n \n ### Neutral Colors\n \n Neutral schemes, like analogous harmonies, are formed by taking the colors on either side of \n a chosen color but at half the distance. While analogous schemes typically use colors 30 degrees \n apart, neutral harmonies use colors 15 degrees apart.\n \n ## License\n\nCopyright © [MetaMagic Global Inc](http://www.metamagicglobal.com/), 2017-19. [Amexio Colors API](https://amexio.tech/amexio-colors). All rights reserved.\n\nLicensed under the [Apache 2.0](http://www.amexio.org/metamagic-showcase/license.html)  License.\n\n**Enjoy!**\n \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeta-magic%2Famexiocolors","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmeta-magic%2Famexiocolors","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeta-magic%2Famexiocolors/lists"}