{"id":13494387,"url":"https://github.com/sindresorhus/System-Color-Picker","last_synced_at":"2025-03-28T14:31:04.479Z","repository":{"id":37540307,"uuid":"364552943","full_name":"sindresorhus/System-Color-Picker","owner":"sindresorhus","description":"🎨 The macOS color picker as an app with more features","archived":false,"fork":false,"pushed_at":"2025-02-25T16:54:29.000Z","size":1887,"stargazers_count":1300,"open_issues_count":9,"forks_count":67,"subscribers_count":11,"default_branch":"main","last_synced_at":"2025-03-23T07:19:06.143Z","etag":null,"topics":["app","color-picker","macos","macos-app","swift","swiftui"],"latest_commit_sha":null,"homepage":"https://sindresorhus.com/system-color-picker","language":"Swift","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/sindresorhus.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},"funding":{"github":"sindresorhus","open_collective":"sindresorhus","buy_me_a_coffee":"sindresorhus","custom":"https://sindresorhus.com/donate"}},"created_at":"2021-05-05T11:24:11.000Z","updated_at":"2025-03-21T23:19:41.000Z","dependencies_parsed_at":"2023-12-19T05:52:01.124Z","dependency_job_id":"5424e9cc-0703-47a7-b6bd-aae1a33c0021","html_url":"https://github.com/sindresorhus/System-Color-Picker","commit_stats":{"total_commits":85,"total_committers":1,"mean_commits":85.0,"dds":0.0,"last_synced_commit":"2a989c82d358bac1793b48a4ea179733d6631a98"},"previous_names":[],"tags_count":33,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sindresorhus%2FSystem-Color-Picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sindresorhus%2FSystem-Color-Picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sindresorhus%2FSystem-Color-Picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sindresorhus%2FSystem-Color-Picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sindresorhus","download_url":"https://codeload.github.com/sindresorhus/System-Color-Picker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245104526,"owners_count":20561379,"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":["app","color-picker","macos","macos-app","swift","swiftui"],"created_at":"2024-07-31T19:01:24.560Z","updated_at":"2025-03-28T14:31:04.461Z","avatar_url":"https://github.com/sindresorhus.png","language":"Swift","readme":"\u003cdiv align=\"center\"\u003e\n\t\u003ca href=\"https://sindresorhus.com/system-color-picker\"\u003e\n\t\t\u003cimg src=\"Stuff/AppIcon-readme.png\" width=\"200\" height=\"200\"\u003e\n\t\u003c/a\u003e\n\t\u003ch1\u003eSystem Color Picker\u003c/h1\u003e\n\t\u003cp\u003e\n\t\t\u003cb\u003eThe familiar color picker supercharged\u003c/b\u003e\n\t\u003c/p\u003e\n\t\u003cbr\u003e\n\t\u003cbr\u003e\n\t\u003cbr\u003e\n\u003c/div\u003e\n\nThe macOS color picker as an app with lots of extra features.\n\n## Download\n\n[![](https://sindresorhus.com/assets/download-on-app-store-badge.svg)](https://apps.apple.com/app/id1545870783)\n\nRequires macOS 15 or later.\n\n**Older versions**\n\n- [2.0.3](https://github.com/sindresorhus/System-Color-Picker/releases/download/v2.0.3/Color.Picker.2.0.3.-.macOS.14.zip) for macOS 14+\n- [1.15.0](https://github.com/sindresorhus/System-Color-Picker/releases/download/v1.15.0/Color.Picker.1.15.0.-.macOS.13.zip) for macOS 13+\n- [1.12.1](https://github.com/sindresorhus/System-Color-Picker/releases/download/v1.12.1/Color.Picker.1.12.1.-.macOS.12.zip) for macOS 12+\n- [1.9.6](https://github.com/sindresorhus/System-Color-Picker/releases/download/v1.9.6/Color.Picker.1.9.6.-.macOS.11.zip) for macOS 11+\n\n**Non-App Store version**\n\nA special version for users that cannot access the App Store. It won't receive automatic updates. I will update it here once a year.\n\n[Download](https://www.dropbox.com/scl/fi/2lvdt09widz0p3jzfrwd8/Color-Picker-2.1.0-1740424285.zip?rlkey=yuzrr4abjfty60oscd3pcdyvc\u0026raw=1) *(2.1.0 · macOS 15+)*\n\n## Features\n\n- Palettes\n- Recently picked colors\n- Quickly copy, paste, and convert colors in Hex, HSL, RGB, Unit RGB (0-1), OKLCH, LCH format\n- Show as a normal app or in the menu bar\n- Pick a color or toggle the window from anywhere with a global keyboard shortcut\n- Make the window stay on top of all other windows\n- Launch it at login (when in the menu bar)\n- Hide menu bar icon\n- Shortcuts support\n- Import Adobe Swatch Exchange (ASE) palettes\n\n## Tips\n\n- Press the \u003ckbd\u003eSpace\u003c/kbd\u003e key while using the color sampler to show the RGB values. The color sampler is a system component and it can unfortunately not show other kinds of color values.\n- Press the \u003ckbd\u003eOption\u003c/kbd\u003e key when copying the Hex color to invert whether to include `#`.\n- Press the \u003ckbd\u003eShift\u003c/kbd\u003e key while selecting a color using the color sampler to prevent it from disappearing after your selection.\n\n## Keyboard shortcuts\n\nYou can use the following keyboard shortcuts in the app:\n\n- Pick color: \u003ckbd\u003eCommand\u003c/kbd\u003e \u003ckbd\u003ep\u003c/kbd\u003e\n- Copy as Hex: \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eCommand\u003c/kbd\u003e \u003ckbd\u003eh\u003c/kbd\u003e\n- Copy as HSL: \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eCommand\u003c/kbd\u003e \u003ckbd\u003es\u003c/kbd\u003e\n- Copy as RGB: \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eCommand\u003c/kbd\u003e \u003ckbd\u003er\u003c/kbd\u003e\n- Copy as Unit RGB: \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eCommand\u003c/kbd\u003e \u003ckbd\u003eu\u003c/kbd\u003e\n- Copy as OKLCH: \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eCommand\u003c/kbd\u003e \u003ckbd\u003eo\u003c/kbd\u003e\n- Copy as LCH: \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eCommand\u003c/kbd\u003e \u003ckbd\u003el\u003c/kbd\u003e\n- Paste color: \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eCommand\u003c/kbd\u003e \u003ckbd\u003ev\u003c/kbd\u003e *(In the format Hex, HSL, RGB, Unit RGB, OKLCH, or LCH)*\n- Reset opacity: \u003ckbd\u003eControl\u003c/kbd\u003e \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eo\u003c/kbd\u003e\n\n## Plugins\n\nThe built-in color picker supports plugins:\n\n- [Skala Color](https://bjango.com/mac/skalacolor/)\n- [Pro Picker](https://formulae.brew.sh/cask/colorpicker-propicker)\n- [Material Design](https://github.com/johnyanarella/MaterialDesignColorPicker)\n- [Color Picker Plus](https://github.com/viktorstrate/color-picker-plus)\n\n## Screenshots\n\n![](Stuff/screenshot1.jpg)\n![](Stuff/screenshot2.jpg)\n\n## FAQ\n\n#### The app does not show up in the menu bar\n\nmacOS hides menu bar apps when there is no space left in the menu bar. This is a common problem on MacBooks with a notch. Try quitting some menu bar apps to free up space. If this does not solve it, try quitting Bartender if you have it installed.\n\n#### What is Unit RGB?\n\nIt represents RGB values in the range 0-1 instead of 0-255. This format is commonly used for programming (SwiftUI, AppKit, UIKit, etc.) and other graphics programming contexts. For example, `0.5, 0.5, 0.5` in [unit RGB](https://rgbcolorpicker.com/0-1) is equivalent to `rgb(128, 128, 128)` in standard RGB. It accepts values in the format `0.1, 0.1, 0.1` and `0.1 0.1 0.1`, including with opacity `0.1, 0.1, 0.1, 0.5`.\n\n#### What is OKLCH color?\n\n[It's a more human-friendly color format.](https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl) Prefer this format.\n\n#### How is OKLCH better than LCH?\n\n[OKLCH](https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl) improves upon [LCH](https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/) by providing more accurate and consistent colors, particularly in very bright or very saturated areas.\n\n#### The color changes if I copy and then paste it\n\nThat is because the default color space in the picker is [Display P3](https://en.wikipedia.org/wiki/DCI-P3), which is [part of CSS Color 4](https://drafts.csswg.org/css-color-4/#valdef-color-display-p3), but the color space used for the legacy CSS color formats is [sRGB](https://en.wikipedia.org/wiki/SRGB) (browsers are starting to [handle color spaces](https://css-tricks.com/the-expanding-gamut-of-color-on-the-web/) but they are not all there yet).\n\n#### How do I use palettes?\n\nYou can manage palettes by selecting the third tab in the window toolbar.\n\nThe fastest way to add a color to a palette is to paste a Hex color value into the app and then click the `+` button in the palette. You can also drag and drop a color into the palette from anywhere.\n\nPalettes can be accessed both from the app and the menu bar icon (if enabled). You can even access them in other apps that use the system color picker.\n\nYou can find palettes on [Coolors](https://coolors.co/palettes/trending). Download the ASE palette type, right-click the file, and select “Open In › Color Picker”.\n\n#### How can I remove a color in a palette or swatch?\n\nSelect the color and press the \u003ckbd\u003edelete\u003c/kbd\u003e key or drag and drop the color onto the trash icon in the Dock.\n\n#### How can I change the color space?\n\nRight-click the color wheel. You want to select “Display P3” if you use LCH or “sRGB” if you use Hex, HSL, or RGB.\n\nNote that the HSL and RGB format will always be clamped to [sRGB](https://en.wikipedia.org/wiki/SRGB) color space.\n\n#### Can you support `SwiftUI.Color` / `UIColor` / `NSColor` formats?\n\nThe best practice is to use [Asset Catalog for colors](https://devblog.xero.com/managing-ui-colours-with-ios-11-asset-catalogs-16500ba48205) instead of hard-coding the values in code. If you really want to hard-code colors, the [Scala color picker plugin](https://bjango.com/mac/skalacolor/) supports `UIColor` and `NSColor`.\n\n#### Why does the OKLCH chroma value differ from other sources?\n\nThe app displays the OKLCH chroma value as a percentage instead of an absolute value for better user-friendliness. For example, `oklch(70% 25% 135)` in the app corresponds to `oklch(70% 0.1 135)` on [oklch.com](https://oklch.com). Both are correct: the percentage form (0-100%) and the decimal form (0-0.4) are standard ways to express [OKLCH chroma](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch#c).\n\n#### How can I export color palettes?\n\n1. Open Finder\n1. Press \u003ckbd\u003eCommand\u003c/kbd\u003e + \u003ckbd\u003eShift\u003c/kbd\u003e + \u003ckbd\u003eG\u003c/kbd\u003e\n1. Enter `~/Library/Colors`\n1. Copy the desired palette files\n\n#### How can I export swatches?\n\n1. Go to the color palettes folder (see above)\n1. Copy `NSColorPanelSwatches.plist`\n\nThis file is not viewable or editable. It can only be used for backup or transfer between Macs.\n\n#### Can I contribute localizations?\n\nI don't plan to localize the app.\n\n#### [More FAQs…](https://sindresorhus.com/apps/faq)\n\n## Scripting\n\nYou can use the “Sample Color from Screen” action for Shortcuts to sample color from the screen and then do something with it.\n\nTip: You can [run shortcuts from the command-line](https://support.apple.com/guide/shortcuts-mac/run-shortcuts-from-the-command-line-apd455c82f02/mac).\n\n## Built with\n\n- [Defaults](https://github.com/sindresorhus/Defaults) - Swifty and modern UserDefaults\n- [KeyboardShortcuts](https://github.com/sindresorhus/KeyboardShortcuts) - Add user-customizable global keyboard shortcuts to your macOS app\n- [LaunchAtLogin](https://github.com/sindresorhus/LaunchAtLogin) - Add “Launch at Login” functionality to your macOS app\n\n## Other apps\n\n- [Gifski](https://github.com/sindresorhus/Gifski) - Convert videos to high-quality GIFs\n- [Plash](https://github.com/sindresorhus/Plash) - Make any website your Mac desktop wallpaper\n- [More apps…](https://sindresorhus.com/apps)\n","funding_links":["https://github.com/sponsors/sindresorhus","https://opencollective.com/sindresorhus","https://buymeacoffee.com/sindresorhus","https://sindresorhus.com/donate"],"categories":["miscellaneous","Multimedia","Swift","设计和产品","macos","Color Picker","swiftui","Others","Design and Product","Applications"],"sub_categories":["Security","设计工具","Text","Design Tools","Table of Contents"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsindresorhus%2FSystem-Color-Picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsindresorhus%2FSystem-Color-Picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsindresorhus%2FSystem-Color-Picker/lists"}