{"id":13561894,"url":"https://github.com/simonh1000/elm-colorpicker","last_synced_at":"2026-03-06T06:03:54.374Z","repository":{"id":52722021,"uuid":"98395002","full_name":"simonh1000/elm-colorpicker","owner":"simonh1000","description":"Elm library to implement a color picker tool","archived":false,"fork":false,"pushed_at":"2024-09-12T10:38:55.000Z","size":194,"stargazers_count":19,"open_issues_count":1,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-03T17:39:13.811Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://package.elm-lang.org/packages/simonh1000/elm-colorpicker/latest","language":"Elm","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/simonh1000.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,"publiccode":null,"codemeta":null}},"created_at":"2017-07-26T07:47:39.000Z","updated_at":"2024-09-12T10:38:55.000Z","dependencies_parsed_at":"2024-11-04T13:36:36.518Z","dependency_job_id":"1326b27d-e5be-4e1c-b61d-8aa56a18d8e6","html_url":"https://github.com/simonh1000/elm-colorpicker","commit_stats":{"total_commits":34,"total_committers":4,"mean_commits":8.5,"dds":"0.23529411764705888","last_synced_commit":"7e0a9a5869bb7a1ae9a4723b05f4e882d9bb0440"},"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"purl":"pkg:github/simonh1000/elm-colorpicker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonh1000%2Felm-colorpicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonh1000%2Felm-colorpicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonh1000%2Felm-colorpicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonh1000%2Felm-colorpicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simonh1000","download_url":"https://codeload.github.com/simonh1000/elm-colorpicker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonh1000%2Felm-colorpicker/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30164532,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T04:43:31.446Z","status":"ssl_error","status_checked_at":"2026-03-06T04:40:30.133Z","response_time":250,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2024-08-01T13:01:02.331Z","updated_at":"2026-03-06T06:03:54.306Z","avatar_url":"https://github.com/simonh1000.png","language":"Elm","funding_links":[],"categories":["Elm"],"sub_categories":[],"readme":"# Elm ColorPicker widget\n\nAn Elm library to help you implement a colo(u)r picker tool without relying upon the presence - or [otherwise](http://caniuse.com/#feat=input-color) - of a built-in browser widget.\n\n\u003cimg src=\"https://github.com/simonh1000/elm-colorpicker/raw/master/screenshot.png\" alt=\"screen shot\"\u003e\n\n## Example\n\n```elm\nimport ColorPicker\n\ntype alias Model =\n    { colorPicker : ColorPicker.State\n    , colour : Color\n    }\n\ninit : Model\ninit =\n    { colorPicker = ColorPicker.empty\n    , colour = Color.rgb 255 0 0\n    }\n\ntype Msg\n    = ColorPickerMsg ColorPicker.Msg\n\nupdate : Msg -\u003e Model -\u003e Model\nupdate message model =\n    case message of\n        ColorPickerMsg msg -\u003e\n            let\n                ( m, colour ) =\n                    ColorPicker.update msg model.colour model.colorPicker\n            in\n                { model\n                    | colorPicker = m\n                    , colour = colour |\u003e Maybe.withDefault model.colour\n                }\n\nview : Model -\u003e Html Msg\nview model =\n    ColorPicker.view model.colour model.colorPicker\n        |\u003e Html.map ColorPickerMsg\n```\n\n## Example\n\nSee it in action\n\n```sh\ncd example\nnpm install\nnpm run dev\n```\nOpen http://localhost:3000\n\n### To Do\n\n * Enable use of different sizes of svg elements\n\n### Changelog\n\n * 2.0.0 : Remove two exposed helpers that were no longer needed, and buggy\n * 1.1.4 : add opacity picker; better styling; add classes to elements of widget; improved modelling under the hood\n * 1.1.3 : 0.19 (with new Color library)\n * 1.0.0 : Initial release\n\n\n### Inspired by\n\n * https://github.com/bendc/color-picker\n * https://github.com/DavidDurman/FlexiColorPicker\n * https://stackoverflow.com/questions/17242144/javascript-convert-hsb-hsv-color-to-rgb-accurately?answertab=votes#tab-top\n * Elm-sortable-table's API\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonh1000%2Felm-colorpicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimonh1000%2Felm-colorpicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonh1000%2Felm-colorpicker/lists"}