GithubHelp home page GithubHelp logo

hhy5277 / colorpicker Goto Github PK

View Code? Open in Web Editor NEW

This project forked from toinane/colorpicker

0.0 1.0 0.0 13.19 MB

A mininal but complete colorpicker desktop app

Home Page: https://colorpicker.crea-th.at

License: GNU General Public License v3.0

JavaScript 71.54% HTML 8.65% CSS 19.80%

colorpicker's Introduction

ColorPicker icon

Colorpicker

A mininal but complete colorpicker desktop app

Colorpicker is a desktop tool with Electron to get and save colors code quickly for OSX, Windows and Linux!

ColorPicker App

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

  • Pin: pin Colorpicker to the foreground;
  • Picker: open an eyedropper who can pick a color from your desktop;
  • Colorsbook: open Colorsbook, a color manager;
  • Shading: show three bar of shading โ€” hue bar, natural bar and lightness bar;
  • Opacity: toggle Opacity range;
  • Clean Vue: unshow menu, ranges and inputs;
  • Magic color: show colors from the clipboard;
  • Random: show a random color;
  • Settings: open the preferences panel.

Pin

Pin gif

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

Picker

Note: This feature isn't available for Linux. See #18

Picker gif

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

Colorsbook

Colorsbook gif

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

Shading gif

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

Opacity

Opacity gif

This feature is a bit special. It allows you to render the application transparent. This can be useful to see the appearance of a transparent color.

Focus Mode

Focus screenshot

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

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 gif

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

Download

Want to support me?

You can buy me a coffee here! Thank you!

Happy Design !

Developers

Changelog

See changelog here.

How to compile

  • Install dependencies:
  yarn
  • To build C/C++ modules to the correct Electron version, use:
  yarn rebuild
  • To build a new version:
  # You can build nightly & release only for your current OS.
  # i.e. you can't build a OSX version if you use a Windows  

  # build a nightly version
  yarn nightly

  # build a release version
  yarn release

colorpicker's People

Contributors

amitmerchant1990 avatar toinane avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.