{"id":25621100,"url":"https://github.com/kruceo/yotum","last_synced_at":"2026-05-26T14:30:15.673Z","repository":{"id":155250517,"uuid":"605064005","full_name":"Kruceo/yotum","owner":"Kruceo","description":"Color and palletes generator.","archived":false,"fork":false,"pushed_at":"2024-07-18T13:06:50.000Z","size":233,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-07-18T16:09:44.116Z","etag":null,"topics":["color","color-picker","hex","hsb","hue","rgb"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Kruceo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2023-02-22T11:16:11.000Z","updated_at":"2024-07-18T13:06:53.000Z","dependencies_parsed_at":"2024-03-01T13:42:29.942Z","dependency_job_id":null,"html_url":"https://github.com/Kruceo/yotum","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/Kruceo%2Fyotum","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kruceo%2Fyotum/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kruceo%2Fyotum/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kruceo%2Fyotum/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kruceo","download_url":"https://codeload.github.com/Kruceo/yotum/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240149223,"owners_count":19755716,"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":["color","color-picker","hex","hsb","hue","rgb"],"created_at":"2025-02-22T08:34:05.358Z","updated_at":"2026-05-26T14:30:15.620Z","avatar_url":"https://github.com/Kruceo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Yotum\n\n\u003cbr\u003e\n\u003cdiv align='center'\u003e\n\u003cimg src=\"./icon.png\" width=128px\u003e\n\n\n\u003ca href=\"https://yotum.kruceo.com\"\u003e📚 \u003cstrong\u003eExample\u003c/strong\u003e\u003c/a\u003e ╽\n\u003ca href=\"https://home.kruceo.com\"\u003e🧒🏼 \u003cstrong\u003eAuthor\u003c/strong\u003e\u003c/a\u003e ╽\n\u003ca href=\"https://home.kruceo.com/donation\"\u003e🎁 \u003cstrong\u003eDonation\u003c/strong\u003e\u003c/a\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n## **Introduction**\n\nYotum was created for generate automatic color palletes with js.\n\u003cbr\u003e\u003cbr\u003e\n## **Technologies**\n\n* Javascript\n\n\u003cbr\u003e\u003cbr\u003e\n## **Installation**\n```\nnpm install -g kruceo/yotum\n\n```\n\u003cbr\u003e\u003cbr\u003e\n## **Getting started**\n\n### Creating color\n\n```js\nimport Color from 'yotum'\n\nconst red = new Color('#f00')\nconst green = new Color('#0f08') // with alpha\nconst blue = new Color([0,0,255]) // with RGB\n\nconsole.log(red.rgb)\nconsole.log(green.rgba)\nconsole.log(blue.hex)\n```\noutput:\n```js\n[255,0,0]\n[0,255,0,0.5]\n#0000ff\n```\n\u003cbr\u003e\u003cbr\u003e\n\n## **Color Class**\n\n### Input\nThe constructor accepts hex and rgb, both with alpha support.\n\n### Internal color systems\n* RGB\n* Hex\n* HSB\n\n```js\nconst color = new Color('f00f')\n\nconsole.log(color.rgb) // return [255,0,0]\nconsole.log(color.rgba) // return [255,0,0,1]\n\nconsole.log(color.hex) //return \"ff0000\"\nconsole.log(color.hexAlpha) //return \"ff0000f\"\n\nconsole.log(color.hsb)  //return { hue:0, brightness:100, saturation:100 }\nconsole.log(color.hsba)  //return { hue:0, brightness:100, saturation:100, alpha:100 }\n```\n\n\u003cbr\u003e\u003cbr\u003e\n## **Mixing**\n\n### Brightness\n\n\n```js\n  const color = new Color('#ff8252')\n  const darker = brightness(color,50) //Color with 50% of original bright\n```\n\n\n### Saturation\n\n\n```js\n  const color = new Color('#ff8252')\n  const saturated = saturation(color,50) //Color with 50% of original saturation\n```\n\n### Hue rotation\n\n\n```js\n  const color = new Color('#ff8252')\n  const newColor = hue(color,130) //Color with 130° addition to hue rotation\n```\n\n\n### Geometric hue rotation ***(Experiment)***\n\n\n```js\n  const color = new Color('#f00')\n  const newColor = geometricHue(color,90) //the rotation added is sync with color wheel.\n```\n\n### Invert\n\n\n```js\n  const color = new Color('#ff8252')\n  const inverted = invert(color) //Inverse color of the original\n```\n\u003cbr\u003e\u003cbr\u003e\n\n## **Palletes**\n\n### Additive\n\n\n```js\n  const color = new Color('#ff8252')\n  const pallete = additive(color,25,5) // =\u003e [Color x 5]\n```\n\n### Difference Between\n\n\n```js\n  const color1 = new Color('#ff8252')\n  const color2 = new Color('#0022ff')\n  const pallete = diffBetween(color1,color2,10) // =\u003e [Color x 10]\n```\n\n### Square\n\n\n```js\n  const color = new Color('#ff8252')\n  const pallete = square(color,8,25) // =\u003e [Color x 8]\n```\n\n### Triad\n\n\n```js\n  const color = new Color('#ff8252')\n  const pallete = triad(color,4,25) // =\u003e [Color x 4]\n```\n\n### Analog\n\n\n```js\n  const color = new Color('#ff8252')\n  const pallete = analog(color,30,8) // =\u003e [Color x 8]\n```\n\n### Division\n\n\n```js\n  const color = new Color('#ff8252')\n  const pallete = division(color) // =\u003e [Color x 5]\n```\n\n### Double division\n\n\n```js\n  const color = new Color('#ff8252')\n  const pallete = doubleDivision(color) // =\u003e [Color x 5]\n```\n\n### Shades\n\n\n```js\n  const color = new Color('#ff8252')\n  const pallete = shades(color1,10,8) // =\u003e [Color x 8]\n```\n\n\u003cbr\u003e\u003cbr\u003e\n## Author\nVisit Kruceo website for more projects: \u003ca href='https://kruceo.com'\u003ekruceo.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkruceo%2Fyotum","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkruceo%2Fyotum","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkruceo%2Fyotum/lists"}