{"id":16622623,"url":"https://github.com/sobhan-srza/machine-learning-color-contrast-picker","last_synced_at":"2025-10-29T22:30:43.324Z","repository":{"id":223378838,"uuid":"760159330","full_name":"Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker","owner":"Sobhan-SRZA","description":"An AI learning machine with choosing best color text for random background colors.","archived":false,"fork":false,"pushed_at":"2025-01-18T05:56:53.000Z","size":111,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-02T05:24:48.072Z","etag":null,"topics":["ai","diagram","javascript","js","neural-network","programming","web","website","website-design"],"latest_commit_sha":null,"homepage":"https://sobhan-srza.github.io/Machine-Learning-Color-Contrast-Picker/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Sobhan-SRZA.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-19T22:24:48.000Z","updated_at":"2025-01-19T19:16:38.000Z","dependencies_parsed_at":"2024-04-22T21:45:19.398Z","dependency_job_id":null,"html_url":"https://github.com/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker","commit_stats":null,"previous_names":["sobhan-srza/neural-network-ai","sobhan-srza/machine-learning-color-contrast-picker"],"tags_count":1,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sobhan-SRZA%2FMachine-Learning-Color-Contrast-Picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sobhan-SRZA%2FMachine-Learning-Color-Contrast-Picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sobhan-SRZA%2FMachine-Learning-Color-Contrast-Picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sobhan-SRZA%2FMachine-Learning-Color-Contrast-Picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sobhan-SRZA","download_url":"https://codeload.github.com/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238900446,"owners_count":19549517,"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":["ai","diagram","javascript","js","neural-network","programming","web","website","website-design"],"created_at":"2024-10-12T03:03:27.366Z","updated_at":"2025-10-29T22:30:43.318Z","avatar_url":"https://github.com/Sobhan-SRZA.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003cimg style=\"display:block;margin-left:auto;margin-right:auto;width:400px;\" src=\"https://github.com/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker/assets/90289153/21d5365a-2001-436f-96eb-26fdf993797b\"\u003e\n    \u003ch1\u003eMachine Learning Color Contrast Picker\u003c/h1\u003e\n    \u003cimg src=\"https://badges.aleen42.com/src/javascript.svg\"\u003e\n    \u003cimg src=\"https://badges.aleen42.com/src/html5.svg\"\u003e\n    \u003cimg src=\"https://badges.aleen42.com/src/css3.svg\"\u003e\n    \u003cdiv\u003e\n        \u003cimg src=\"https://img.shields.io/github/license/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker?label=License\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/last-commit/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker?label=Last Commit\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/release-date/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker?label=Last Release\"\u003e\n    \u003c/div\u003e\n    \u003cimg src=\"https://img.shields.io/github/languages/code-size/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker?label=Code Size\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/directory-file-count/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker?label=Files\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/v/release/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker?label=Version\"\u003e\n    \u003cdiv\u003e\n        \u003cimg src=\"https://img.shields.io/github/forks/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker?label=Forks\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/stars/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker?label=Stars\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/watchers/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker?label=Watchers\"\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        \u003cimg style=\"display:block;margin-left:auto;margin-right:auto;width:400px;\" src=\"https://github-readme-stats.vercel.app/api/pin/?username=Sobhan-SRZA\u0026repo=Machine-Learning-Color-Contrast-Picker\u0026theme=react\"\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n\n---\n\n## Overview\n\nThis project is a machine learning model designed to detect the predominant color between black and white in an image, and we can teach it to perform its task accurately. It's built using HTML for design and JavaScript for programming. No packages are used in this project.\n\nThe current version has a limitation where it cannot save data to the database. Therefore, a button labeled \"Print\" has been added to the model so that you can manually retrieve the database and place it inside the code.\n\nThis project is inspired by [WebDevSimplified's Machine Learning Color Contrast Picker](https://github.com/WebDevSimplified/Machine-Learning-Color-Contrast-Picker).\n\n---\n\n## Usage\n\nTo use this project, follow these steps:\n\n1. Clone the repository:\n   ```\n   git clone https://github.com/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker.git\n   ```\n\n2. Open the `index.html` file in your web browser or use vscode live server.\n\n3. If you want to save the data manually, click on the \"Print\" button to retrieve the database and place it inside the code.\n\n---\n\n## Support and Feedback\n\nIf you have any questions, suggestions, or feedback, feel free to [open an issue](https://github.com/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker/issues).\n\nOr you can create a ticket in our [discord server](https://discord.gg/7nV2MMjyK8).\n\n---\n\n## License\n\nThis project is licensed under the [MIT License](https://github.com/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker/blob/main/LICENSE).\n\n---\n\n## Screen Shots\n\n![Machine Learning Color Contrast Picker](https://github.com/Sobhan-SRZA/Machine-Learning-Color-Contrast-Picker/assets/90289153/7717d137-1169-4f12-8112-b28f018c27f0)\n\n---\n\n## Contact\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://srza.ir\" target=\"_blank\"\u003e\n   \u003cimg align=\"left\" src=\"https://raw.githubusercontent.com/Sobhan-SRZA/Sobhan-SRZA/refs/heads/main/images/social.png\" alt=\"Sobhan-SRZA social\" width=400px\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://t.me/d_opa_mine\" target=\"_blank\"\u003e\n   \u003cimg alt=\"Telegram\"\n    src=\"https://raw.githubusercontent.com/Sobhan-SRZA/Sobhan-SRZA/refs/heads/main/images/telegram-ch.svg\"\n    height=\"30\" /\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://t.me/Sobhan_SRZA\" target=\"_blank\"\u003e\n   \u003cimg alt=\"Telegram\"\n    src=\"https://raw.githubusercontent.com/Sobhan-SRZA/Sobhan-SRZA/refs/heads/main/images/telegram-ac.svg\"\n    height=\"30\" /\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://www.instagram.com/mr.sinre?igsh=cWk1aHdhaGRnOGg%3D\u0026utm_source=qr\" target=\"_blank\"\u003e\n   \u003cimg alt=\"Instagram\"\n    src=\"https://raw.githubusercontent.com/Sobhan-SRZA/Sobhan-SRZA/refs/heads/main/images/instagram.svg\"\n    height=\"30\" /\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://www.twitch.tv/sobhan_srza\" target=\"_blank\"\u003e\n   \u003cimg alt=\"Twitch\"\n    src=\"https://raw.githubusercontent.com/Sobhan-SRZA/Sobhan-SRZA/refs/heads/main/images/twitch.svg\"\n    height=\"30\" /\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://www.youtube.com/@mr_sinre?app=desktop\u0026sub_confirmation=1\" target=\"_blank\"\u003e\n   \u003cimg alt=\"YouTube\"\n    src=\"https://raw.githubusercontent.com/Sobhan-SRZA/Sobhan-SRZA/refs/heads/main/images/youtube.svg\"\n    height=\"30\" /\u003e\n  \u003c/a\u003e\n  \n  \u003ca href=\"https://github.com/Sobhan-SRZA\" target=\"_blank\"\u003e\n   \u003cimg alt=\"Github\"\n    src=\"https://raw.githubusercontent.com/Sobhan-SRZA/Sobhan-SRZA/refs/heads/main/images/github.svg\"\n    height=\"30\" /\u003e\n  \u003c/a\u003e\n  \n  \u003cp align=\"left\"\u003e\n   \u003ca href=\"https://discord.gg/xh2S2h67UW\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://discord.com/api/guilds/1054814674979409940/widget.png?style=banner2\" alt=\"pc-development.png\"\u003e\n   \u003c/a\u003e\n  \u003c/p\u003e\n\n  \u003cp align=\"right\"\u003e\n   \u003ca href=\"https://discord.gg/54zDNTAymF\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://discord.com/api/guilds/1181764925874507836/widget.png?style=banner2\" alt=\"pc-club.png\"\u003e\n   \u003c/a\u003e\n  \u003c/p\u003e\n\n  \u003cdiv align=\"center\"\u003e\n   \u003ca href=\"https://discord.com/users/865630940361785345\" target=\"_blank\"\u003e\n    \u003cimg alt=\"My Discord Account\" src=\"https://discord.c99.nl/widget/theme-1/865630940361785345.png\" /\u003e\n   \u003c/a\u003e\n    \u003ca href=\"https://discord.com/users/986314682547716117\" target=\"_blank\" align=\"right\"\u003e\n    \u003cimg alt=\"Team Discord Account\" src=\"https://discord.c99.nl/widget/theme-1/986314682547716117.png\" /\u003e\n   \u003c/a\u003e\n  \u003c/div\u003e\n\n \u003c/div\u003e\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsobhan-srza%2Fmachine-learning-color-contrast-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsobhan-srza%2Fmachine-learning-color-contrast-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsobhan-srza%2Fmachine-learning-color-contrast-picker/lists"}