{"id":13611492,"url":"https://github.com/side-codes/Android-Color-Picker","last_synced_at":"2025-04-13T04:34:37.963Z","repository":{"id":37830756,"uuid":"243132182","full_name":"side-codes/Android-Color-Picker","owner":"side-codes","description":"Color picker library for Android","archived":false,"fork":false,"pushed_at":"2023-01-26T02:02:00.000Z","size":1151,"stargazers_count":319,"open_issues_count":21,"forks_count":22,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-10T18:50:05.042Z","etag":null,"topics":["amdroidx","android","android-colors","android-library","android-ui","android-view","cmyk","color-picker","colorpicker","colorpickerview","hsl","kotlin","kotlin-android","lab","material-design","rgb","seekbar","seekbar-android","ui","view"],"latest_commit_sha":null,"homepage":"https://side-codes.github.io/andColorPicker/","language":"Kotlin","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/side-codes.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}},"created_at":"2020-02-26T00:26:33.000Z","updated_at":"2025-01-06T03:00:11.000Z","dependencies_parsed_at":"2023-02-14T13:15:19.357Z","dependency_job_id":null,"html_url":"https://github.com/side-codes/Android-Color-Picker","commit_stats":null,"previous_names":["side-codes/andcolorpicker"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/side-codes%2FAndroid-Color-Picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/side-codes%2FAndroid-Color-Picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/side-codes%2FAndroid-Color-Picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/side-codes%2FAndroid-Color-Picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/side-codes","download_url":"https://codeload.github.com/side-codes/Android-Color-Picker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248665157,"owners_count":21142118,"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":["amdroidx","android","android-colors","android-library","android-ui","android-view","cmyk","color-picker","colorpicker","colorpickerview","hsl","kotlin","kotlin-android","lab","material-design","rgb","seekbar","seekbar-android","ui","view"],"created_at":"2024-08-01T19:01:56.257Z","updated_at":"2025-04-13T04:34:37.581Z","avatar_url":"https://github.com/side-codes.png","language":"Kotlin","funding_links":[],"categories":["Kotlin"],"sub_categories":[],"readme":"# andColorPicker — Color Picker library for Android\n\n:avocado: Handy, :snake: flexible, and :zap: lightning-fast Android color picker views and utilities.\n\n![andColorPicker logo](https://github.com/side-codes/andColorPicker/raw/master/github/logo.png)\n\n## :pill: Features\n\n- Clean, easy-to-use components and API\n- High performance\n- Material styling in mind\n- Standard Android SDK view family\n- Wide color models support\n- Tooling and utilities\n- Alpha channel support\n- Cutting edge tech stack\n- Active development and support\n\n## :hammer: Setup\n\nGradle dependency:\n\n```gradle\nimplementation \"codes.side:andcolorpicker:0.6.2\"\n```\n\n## :art: Picker types\n\n### HSL (hue, saturation, lightness)\n\n- *Add color model description*\n\n![](https://github.com/side-codes/andColorPicker/raw/master/github/seek_bar_hsl_pure.png)\n\n#### Layout XML Snippet\n\nBasic HSL components:\n```xml\n\u003ccodes.side.andcolorpicker.hsl.HSLColorPickerSeekBar\n  android:id=\"@+id/hueSeekBar\"\n  android:layout_width=\"match_parent\"\n  android:layout_height=\"wrap_content\"\n  app:hslColoringMode=\"pure\"\n  app:hslMode=\"hue\" /\u003e\n```\n\nSupported `hslMode` values:\n- `hue` (default)\n- `saturation`\n- `lightness`\n\nSupported `hslColoringMode` values:\n- `pure` (default)\n- `output`\n\nAlpha component:\n```xml\n\u003ccodes.side.andcolorpicker.alpha.HSLAlphaColorPickerSeekBar\n  android:id=\"@+id/alphaSeekBar\"\n  android:layout_width=\"match_parent\"\n  android:layout_height=\"wrap_content\" /\u003e\n```\n\n#### Kotlin Snippet\n```kotlin\n// Configure color model programmatically\nhueSeekBar.mode = Mode.MODE_HUE // Mode.MODE_SATURATION, Mode.MODE_LIGHTNESS\n\n// Configure coloring mode programmatically\nhueSeekBar.coloringMode = ColoringMode.PURE_COLOR // ColoringMode.OUTPUT_COLOR\n\n// Group pickers with PickerGroup to automatically synchronize color across them\nval group = PickerGroup\u003cIntegerHSLColor\u003e().also {\n  it.registerPickers(\n    hueSeekBar,\n    saturationSeekBar,\n    lightnessSeekBar,\n    alphaSeekBar\n  )\n}\n\n// Get current color immediately\nLog.d(\n  TAG,\n  \"Current color is ${hueSeekBar.pickedColor}\"\n)\n\n// Listen individual pickers or groups for changes\ngroup.addListener(\n  object : HSLColorPickerSeekBar.DefaultOnColorPickListener() {\n    override fun onColorChanged(\n      picker: ColorSeekBar\u003cIntegerHSLColor\u003e,\n      color: IntegerHSLColor,\n      value: Int\n    ) {\n      Log.d(\n        TAG,\n        \"$color picked\"\n      )\n      swatchView.setSwatchColor(\n        color\n      )\n    }\n  }\n)\n\n// Set desired color programmatically\ngroup.setColor(\n  IntegerHSLColor().also {\n    it.setFromColorInt(\n      Color.rgb(\n        28,\n        84,\n        187\n      )\n    )\n  }\n)\n\n// Set color components programmatically\nhueSeekBar.progress = 50\n```\n\n### RGB (red, green, blue)\n\n![](https://github.com/side-codes/andColorPicker/raw/master/github/seek_bar_rgb_pure.png)\n\n#### Properties\n\n- View name: ```RGBColorPickerSeekBar```\n- ```app:rgbMode``` for RGB component selection\n\n### LAB\n\n![](https://github.com/side-codes/andColorPicker/raw/master/github/seek_bar_lab_output.png)\n\n#### Properties\n\n- View name: ```LABColorPickerSeekBar```\n- ```app:labMode``` for LAB component selection\n\n### CMYK (cyan, magenta, yellow, key)\n\n![](https://github.com/side-codes/andColorPicker/raw/master/github/seek_bar_cmyk_pure.png)\n\n#### Properties\n\n- View name: ```CMYKColorPickerSeekBar```\n- ```app:cmykMode``` for CMYK component selection\n- ```app:cmykColoringMode``` for coloring mode selection\n\nSupported `cmykMode` values:\n- `cyan` (default)\n- `magenta`\n- `yellow`\n- `black`\n\nSupported `cmykColoringMode` values:\n- `pure` (default)\n- `output`\n\n### Swatches\n\nSwatchView component:\n```xml\n\u003ccodes.side.andcolorpicker.view.swatch.SwatchView\n  android:id=\"@+id/swatchView\"\n  android:layout_width=\"match_parent\"\n  android:layout_height=\"wrap_content\" /\u003e\n```\n\n#### Kotlin Snippet:\n```kotlin\nswatchView.setSwatchPatternTint(\n  Color.LTGRAY\n)\n\nswatchView.setSwatchColor(\n  IntegerHSLColor().also {\n    it.setFromColorInt(\n      ColorUtils.setAlphaComponent(\n        Color.MAGENTA,\n        128\n      )\n    )\n  }\n)\n```\n\n## :memo: License\n\n```\nCopyright 2020 Illia Achour\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fside-codes%2FAndroid-Color-Picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fside-codes%2FAndroid-Color-Picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fside-codes%2FAndroid-Color-Picker/lists"}