colorpicker - GitLite

KO | EN

gitlite — search

#hacktoberfest #react #ai #llm #golang #machine-learning #rust #linux #docker #macos #nodejs #java #security #ios

colorpicker

(★ 1,890)

Your powerful toolkit for mastering colors.

파일 탐색기

최종 버전 다운로드 (.zip)

- - bug_report.md
  - feature_request.md
- - colorpicker.png
  - colorsbook.png
  - focus.png
  - opacity.png
  - picker.png
  - pin.png
  - settings.png
  - tint.png
- - package.yaml
- CHANGELOG.md
- CODEOWNERS
- FUNDING.yml
- SECURITY.md
- background.png
- background@x2.png
- colorpicker-build.json
- entitlements.mac.plist
- icon.icns
- icon.ico
- icon.png
- logo.svg
- VolumeIcon.icns
- VolumeIcon.ico
- VolumeIcon.png
- - colorpicker-app.desktop
  - colorpicker-app.png
- snapcraft.yaml
- - colorpicker.js
  - colorsbook.js
  - index.js
  - picker.js
  - preview.js
  - settings.js
  - support.js
- - colorpicker.js
  - colorsbook.js
  - index.js
  - picker.js
  - preview.js
  - settings.js
- - about-icon.png
  - colorpicker-icon.png
  - colorsbook-icon.png
  - colorsbook-touchbar.png
  - eyedropper-touchbar.png
  - general-icon.png
  - linux-icons.png
  - osx-icons.png
  - picker-icon.png
  - position-left.png
  - position-right.png
  - settings-touchbar.png
  - toolset.png
  - tray-black.png
  - tray-black@2x.png
  - tray-black@3x.png
  - tray-white.png
  - tray-white@2x.png
  - tray-white@3x.png
  - windows-icons.png
  - zoom-11.png
  - zoom-3.png
  - zoom-5.png
  - zoom-7.png
- - colorpicker.html
  - colorsbook.html
  - picker.html
  - preview.html
  - settings.html
  - support.html
- checkUpdate.js
- main.js
- preload.js
- storage.js
- touchbar.js
.gitignore
LICENSE
package-lock.json
package.json
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/Toinane/colorpicker

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd colorpicker

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm run rebuild

이 명령어를 터미널에 그대로 입력해 실행하세요.

npm start

개발/실행 서버를 켭니다.

npm run release

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
    <a href="https://colorpicker.fr">
        <img src="build/icon.png" width="256" height="256" alt="ColorPicker icon" />
    </a>
    <h1 align="center">Colorpicker</h1>
    <p align="center">Modern and powerful color management software</p>
    <p align="center">
        <img src="https://badgen.net/github/release/toinane/colorpicker/stable" />
    <img src="https://img.shields.io/github/downloads/toinane/colorpicker/total.svg">
    <img src="https://img.shields.io/github/downloads/toinane/colorpicker/latest/total.svg">
    <img src="https://img.shields.io/github/release-date/Toinane/colorpicker.svg">
    <img src="https://github.com/Toinane/colorpicker/actions/workflows/package.yaml/badge.svg">
    <a href="https://snapcraft.io/colorpicker-app">
      <img alt="colorpicker-app" src="https://snapcraft.io/colorpicker-app/badge.svg" />
    </a>
    <a href="https://crowdin.com/project/colorpicker">
      <img src="https://badges.crowdin.net/colorpicker/localized.svg">
    </a>
    </p>
</p>

---

<h4 align="center">
  Want to help with the localization of Colorpicker?
</h4>
<p align="center">
  Please connect to <a href="https://crowdin.com/project/colorpicker" target="_blank">Crowdin and join the project</a>, your contribution is highly appreciated! 👍
</p>

---

Colorpicker is a desktop tool with _Electron_ to get and save colors code quickly for _OSX_, _Windows_ and _Linux_!

<p align="center">
    <img src=".github/screenshots/colorpicker.png"
        alt="ColorPicker App" />
</p>

Colorpicker's menu come with a lot of cool features :

- [Pin](#pin): pin Colorpicker to the foreground;
- [Picker](#picker): open an eyedropper who can pick a color from your desktop;
- [Colorsbook](#colorsbook): open Colorsbook, a color manager;
- [Shading](#shading): show three bar of shading — hue bar, natural bar and lightness bar;
- [Clean Vue](#clean-vue): unshow menu, ranges and inputs;
- [Magic color](#magic-color): show colors from the clipboard;
- [Random](#random): show a random color;
- [Settings](#settings): open the preferences panel.

## Pin

![Pin screenshot](https://raw.githubusercontent.com/Toinane/colorpicker/master/.github/screenshots/pin.png)

With Pin, you can bring Colorpicker to the foreground. This makes it convenient to work quickly with different
applications at the same time.

---

## Picker

![Picker screenshot](https://raw.githubusercontent.com/Toinane/colorpicker/master/.github/screenshots/picker.png)

The Picker allows you to quickly retrieve a color anywhere on the screen. Whether it's on your browser, Photoshop, or
whatever.

---

## Colorsbook

![Colorsbook screenshot](https://raw.githubusercontent.com/Toinane/colorpicker/master/.github/screenshots/colorsbook.png)

Colorsbook is a full-fledged application. It allows you to store your colors, categorize them, and easily retrieve them.
It is destined to mature over time.
**Cool tip:** you can save color from colorpicker with `CMD+S` or `CTRL+S`!

---

## Shading

![Tint screenshot](https://raw.githubusercontent.com/Toinane/colorpicker/master/.github/screenshots/tint.png)

With the shades, you can find the perfect color you need. You have a chromatic bar, a natural color bar and a shadow
bar.

---

## Focus Mode

![Focus screenshot](https://raw.githubusercontent.com/Toinane/colorpicker/master/.github/screenshots/focus.png)

Need to compare a color or clean up the interface? This feature is for you, this will hide the sliders and make the menu
more transparent.

---

## Magic Color [WIP]

This functionality is still under development. Currently, it allows you to display the first color that is in your
clipboard. This works with hexadecimal and RGB codes

---

## Random

A traditional feature, it allows you to display a color randomly.

---

## Settings

![Settings screenshot](https://raw.githubusercontent.com/Toinane/colorpicker/master/.github/screenshots/settings.png)

The settings menu allows you to customize your Colorpicker, I let you discover it yourself :)!

# Download

- You can download [on GitHub releases here.](https://github.com/Toinane/colorpicker/releases)

## Want to support me?

You can [buy me a coffee here](https://toinane.itch.io/colorpicker)! Thank you!

#### **_Happy Design !_**

# Development

### Prerequisites

#### Windows

You'll need to install Visual Studio Installer and install Development with C++ module.

Install latest Python version.

#### MacOS

You'll need the latest Xcode Command Line Tools installed.

Install latest Python version.

#### Linux

Install libxtst-dev libpng++-dev package:
`apt-get install libxtst-dev libpng++-dev`

Install latest Python version if already installed.

### How to compile

1. Install dependencies:

```shell
npm install
```

2. Rebuild C/C++ modules to the correct Electron version:

```shell
npm run rebuild
```

3. Launch Colorpicker in development mode:

```shell
npm start
```

4. To build a new version:

```shell
npm run release
```