DigitalPalette Tutorial

DigitalPalette is a free software for generating a set of harmonious colors from a color wheel or an existed image and applying it into your creative works. You could store your favorite color sets in this software, and recover them in the next time. You could also export created color sets or color depots as color files, and place them anywhere, including network storage. Additionally, you could share these color files with your friends, or import them into other softwares, such as Adobe Photoshop, GIMP, Krita, Pencil 2D and Clip Studio Paint. DigitalPalette is written in PyQt5, and can perform well on Windows, Linux and other mainstream operating systems.

<div>
DigitalPalette icon.
</div>

Home Page

https://eigenmiao.site/digipale/

Repository

https://github.com/liujiacode/DigitalPalette

Author

Version

2.2.10 Preview

Downloads

Download the latest version of DigitalPalette v2.2.10.[*]

Please select suitable download files from the table below according to your operation systems and preferred languages. For Windows users, if you don’t know whether your system is 32 bit or 64 bit, please download the 32 bit edition file.

Operation System Language Installer Archive
Windows (32 Bit) Chinese Download - Check Download - Check
Windows (32 Bit) English Download - Check Download - Check
Windows (64 Bit) Chinese Download - Check Download - Check
Windows (64 Bit) English Download - Check Download - Check
Ubuntu (64 Bit) Chinese Download - Check Download - Check
Ubuntu (64 Bit) English Download - Check Download - Check

[*] Alternative download sites: Github, Gitee, SourceForge and Baidu Netdisk (code: 5m2j).

Installation

  1. Double click the installer and click "Next".
    <div>
Start installation.
</div>
  2. Read the License. Check "I accept the terms of the License Aggrement" if you agree with it, then click "Next".
    <div>
Read the license.
</div>
  3. Choose a directory and click "Install" to start the installation.
    <div>
Choose a directory.
</div>
  4. Click "Finish" to finish the installation and run DigitalPalette.
    <div>
Finish installation.
</div>

Interface Layout

The Interface layout of DigitalPalette is shown in below, which includes:

  • Title bar (red area), including the name of software (DigitalPalette) and current version (v2.2.8-dev).

  • Menu bar (yellow area), including “File“, “Edit“, “View“, “Window“ and “Help“ selections.

  • Status bar (pink area), providing the prompt information of the element around cursor.

  • Work area (green area), providing actions such as creating a set of colors from a color wheel, locating a set of colors from a color image and attaching a set of colors into a color depot.

  • Rule window, setting the harmony and synchronization rules for color set.

  • Detection window, performing edge and channel detections for image.

  • Operation window, performing file and view operations.

  • Process window, applying extract, filter, snap, crop and zoom processes to image.

  • Mode window, setting the display modes for color set results.

  • Adjustment window, applying position, size and color adjustment to image and color set.

  • Result window, checking and modify the results of color set.

<div>
Interface layout.
</div>

Quick Start

Example 1: Creating a Set of Colors from Color Wheel

  1. Open the installed software DigitalPalette.
  2. Click View in the menu bar and select "Wheel" in the drop-down list, and switch to wheel view (default view). Select "Analogous" in harmony selecting box in rule window. Then drag the tags on color wheel, and selecting a set of suitable analogous colors.
    <div>
selecting a set of analogous colors.
</div>
  3. Click "Export" in file button box in operation window, and export this color set as a Adobe swatch file (\*.aco).
    <div>
Export the color set.
</div>
  4. Open Adobe Photoshop, GIMP or other image processors and importing the exported file above. Then color the image with this color board.
    <div>
Image example coloring with the exported analogous color set.
</div>
  5. Return to the DigitalPalette, and select "Triad" in harmony selecting box in rule window. Then drag the tags on color wheel, and selecting a set of suitable triad colors.
    <div>
selecting a set of triad colors.
</div>
  6. Color the image in same way, and compare this impage with the imaged above.
    <div>
Image example coloring with the exported triad color set.
</div>

Example 2: Locating a Set of Colors from Color Image

  1. Open the installed software DigitalPalette.
  2. Prepare a colorful picture. The picuture in example is created by Icyphantom and published on Minecraft community website licensed under Creative Commons Attribution-NonCommercial License 3.0 (CC BY-NC 3.0).
    <div>
A  picture on network, licensed under CC BY-NC 3.0 license.
</div>
  3. Click View in the menu bar and select "Image" in the drop-down list, and switch to image view.
    <div>
Color image view.
</div>
  4. Double click the work area, and open the image downloaded above.
    <div>
Open the image example.
</div>
  5. Press "Bright Colorful" in extract button box in process window. There are five circle color tags appeared above the image, and the colors of these tags are corresponding to the the colors of the five squares in result window, i.e. a set of colors extracted from the image. You could drag the tags as in color wheel in order to obtain colors at certain locations, if this color set don't satisfy.
    <div>
Obtain a set of colors from an image.
</div>
  6. Color another image with the colors obtained from this image.
    <div>
Image example coloring with the color set locating from above image.
</div>

Example 3: Attaching the Created Color Set into Color Depot

  1. Open the installed software DigitalPalette.
  2. creating a set of colors from a color wheel, or locating a set of colors from a color image.
  3. Click View in the menu bar and select "Depot" in the drop-down list, and switch to depot view.
    <div>
Color depot view.
</div>
  4. Double click the blank icon at upper left corner, and attach the created color set into depot.
    <div>
Attach the created color set into color depot.
</div>
  5. Right click the attached color set icon, and press "Import", "Export", "Delete", "Detail" or "Attach" in the drop-down menu to modify the information of color set. For example, select "Detail" and modify the name (DigiPale Color Set) and description (none) of color set in the dialog, and check the harmony rule (Analogous), creating time (upper) and modifying time (lower) of color set. Click OK once modifying finished.
    <div>
Check the information detail of color set.
</div>

Work Area

Work area is the major place for creating, modifying, storing and checking color sets. Here you could create a set of colors from a color wheel, locate a set of colors from a color image and attach a set of colors into a color depot.

Creating a Set of Colors from Color Wheel

Color wheel view is the default view of work area as shown as below. You could click “View“ in the menu bar and select “Wheel“ (or click “Create“ in operation window) to switch to color wheel view, if your current work area view isn’t color wheel.
There are five circle color tags above the color wheel, corresponding to the five color squares in result window (where the central color square determins the major color). You could change the corresponding colors by dragging the tags, or adjust the sliders of R, G, B or H, S, V in Result window to modify the colors accurately. Meanwhile, the position and color of other tags on color wheel would also changed according to the selected harmony rule. The harmony rule could be settled in rule window.

<div>
Color wheel view.
</div>

Locating a Set of Colors from Color Image

The color image view is shown as below. You could click “View“ in the menu bar and select “Image“ (or click “Locate“ in operation window) to switch to color image view, if your current work area view isn’t color image.
Double click the work area to open an existed color image, and left click anywhere above the image, then a color tag corresponding to the color square would appeared at this position. Its color will also change into the corresponding color in image. Meanwhile, the colors of other squares would also changed according to the selected harmony rule. The harmony rule could be settled in rule window. Also, you could try to obtain a set of colors automatically by color extract provided in process window.

<div>
Color image view.
</div>

Attaching the Created Color Set into Color Depot

The color depot view is shown as below. You could click “View“ in the menu bar and select “Depot“ (or click “Attach“ in operation window) to switch to color depot view, if your current work area view isn’t color depot.
Double click the blank icon to attach your created color set into color depot. Each icon in color depot includes five color squares, which are corresponding to the five colors of color set, where the color of central square represents the major color. You could right click any icon, and press “Import“, “Export“, “Delete“, “Detail“ or “Attach“ in the drop-down menu to modify the information of color set.

<div>
Color depot view.
</div>

Rule Window

You could set the harmony and synchronization rules for color set in rule window.

Harmony Rule

The harmony rule controls the collocation method of colors.

  • Analogous
    Analogous set contains colors with same included angles between two closing tags on color wheel. Colors of analogous set usually mix well with each other harmoniously and pleasantly. Analogous colors are shown as below.
<div>
Analogous rule.
</div>

Image example coloring with the analogous colors.

<div>
Analogous coloring.
</div>
  • Monochromatic
    Analogous set contains colors with same hue (H) but different saturation (S) and lightness value (V) on color wheel. Colors of monochromatic set usually produce a relaxed effect. Monochromatic colors are shown as below.
<div>
Monochromatic rule.
</div>

Image example coloring with the monochromatic colors.

<div>
Monochromatic coloring.
</div>
  • Triad
    Analogous set contains colors with included angles in three equidistant on color wheel. Colors of triad set could generate a contrast effect but not as strong as complementary colors. Triad colors are shown as below.
<div>
Triad rule.
</div>

Image example coloring with the triad colors.

<div>
Triad coloring.
</div>
  • Tetrad
    Tetrad set contains two group of colors opposite to each other on color wheel. Colors of tetrad set could generate a contrast effect and form comparisons between cold and warm. Tetrad colors are shown as below.
<div>
Tetrad rule.
</div>

Image example coloring with the triad colors.

<div>
Tetrad coloring.
</div>
  • Pentad
    Analogous set contains colors uniformly distributed on color wheel. Colors of pentad set could give images rhythms. Pentad colors are shown as below.
<div>
Pentad rule.
</div>

Image example coloring with the pentad colors.

<div>
Pentad coloring.
</div>
  • Complementary
    Complementary set contains colors opposite to each other on color wheel. Colors of complementary set usually generate a great contrast effect and become prominent when putting together, and may even cause the color instability in the case of high saturation. Complementary colors are shown as below.
<div>
Complementary rule.
</div>

Image example coloring with the complementary colors.

<div>
Complementary coloring.
</div>
  • Shades
    Shades set contains colors with same hue (H) and saturation (S) but different lightness value (V) on color wheel. Colors of shades set usually produce a relaxed effect similarly. Shades colors are shown as below.
<div>
Shades rule.
</div>

Image example coloring with the shades colors.

<div>
Shades coloring.
</div>
  • Custom
    Custom set allows you to define each color mannually without the constraint of rules, and generate the expected effect. Custom colors are shown as below.
<div>
Custom rule.
</div>

Image example coloring with the custom colors.

<div>
Custom coloring.
</div>

Synchro Rule

Synchro rule controls the moving actions of color tags.

  • Unlimited

  • Fix H

  • Fix S

  • Equidistant

Operation Window

You could perform file and view operations in operation window.

File Operation

After collocating a set of colors, you could export or save the color set in result window or all color sets in depot as readable and writable files or files in other formats for later backups and usages. You could also import or open existed color files in software.

  • Open
    Open a color depot file in software. The supported file formats include: DigiPale Depot File (*.dpc) and DigiPale Json File (*.json).
<div>
Open a color depot file.
</div>
  • Save
    Save the color depot as local file. The supported file formats include: DigiPale Depot File (*.dpc), Plain Text File (*.txt), Adobe Swatch File (*.aco), GIMP Palette File (*.gpl) and Pencil Palette File (*.xml).
<div>
Save a color depot file.
</div>
  • Import
    Import a color set file in software. The supported file formats include: DigiPale Set File (*.dps) and DigiPale Json File (*.json).
<div>
Import a color set file.
</div>
  • Export
    Export the color set as local file. The supported file formats include: DigiPale Set File (*.dps), Plain Text File (*.txt), Adobe Swatch File (*.aco), GIMP Palette File (*.gpl) and Pencil Palette File (*.xml).
<div>
Export a color set file.
</div>

View Operation

By means of inner view operations, you could switch to color wheel view to create a set of colors, or switch to color image view to locate a set of colors, or attach a set of colors into the color depot. For more details, please see Work Area.

Process Window

You could apply extract, filter, snap, crop and zoom processes to image in process window.

Extract Process

You could locate a set of colors automatically by using the functions of extract processes. Meanwhile, the harmony rule will change into custom automatically.

  • Bright Colorful
    The color set extracted from an image are mainly bright colors and supplemented by light or dark colors, reflecting the diversity of colors.
<div>
Extract bright colorful colors.
</div>

Image example coloring with the bright colorful colors.

<div>
Bright colorful coloring.
</div>
  • Light Colorful
    The color set extracted from an image are mainly light colors and supplemented by dark colors, reflecting the diversity of colors.
<div>
Extract light colorful colors.
</div>

Image example coloring with the light colorful colors.

<div>
Light colorful coloring.
</div>
  • Dark Colorful
    The color set extracted from an image are mainly dark colors and supplemented by light colors, reflecting the diversity of colors.
<div>
Extract dark colorful colors.
</div>

Image example coloring with the dark colorful colors.

<div>
Dark colorful coloring.
</div>
  • Bright
    Extract bright colors from an image, reflecting the homogeneity of colors.
<div>
Extract bright colors.
</div>

Image example coloring with the bright colors.

<div>
Bright coloring.
</div>
  • Light
    Extract light colors from an image, reflecting the homogeneity of colors.
<div>
Extract light colors.
</div>

Image example coloring with the light colors.

<div>
Light coloring.
</div>
  • Dark
    Extract dark colors from an image, reflecting the homogeneity of colors.
<div>
Extract dark colors.
</div>

Image example coloring with the dark colors.

<div>
Dark coloring.
</div>

Filter Process

In order to preferably locate colors in image, you could improve the image quality by using functions of filter processes. Note that the filter processes are irreversibility.

Mode Window

You could set the display modes for color set results in mode window.

Display Mode

In display mode, you could show or hide the sliders of R, G, B or H, S, V in result window.

  • RGB

  • HSV

Result Window

Result window contains five color squares, and the colors of squares are corresponding to the colors of tags on color wheel. Double click a color square and you could modify the color directly in the opened dialog. Simultaneously, the tags on color wheel will be also changed. Additionally, the opened dialog provides a function to pick screen color, which could obtain the colors of other windows in current screen directly.

There are hex code strings, RGB sliders and HSV sliders below five squares, which could also change the colors directly. Also, you could show or hide the sliders by Mode Window.

Shortcuts

Name Description Shortcut
Work Area - -
Import Import a color set file. Alt+I; Ctrl+I
Export Export a color set file. Alt+E; Ctrl+E
Open Open a color depot file. Alt+O; Ctrl+O
Save Save a color depot file. Alt+S; Ctrl+S
Quit Quit software. Alt+Q; Esc
Settings Set settings. Alt+T; `
Create Switch into color wheel view or (and) create a set of colors from wheel. Alt+C; Ctrl+W
Locate Switch into color image view or (and) locate a set of colors from image. Alt+L; Ctrl+G
Attach Switch into color depot view or (and) attach a set of colors into depot. Alt+A; Ctrl+D
Homepage Open the homepage website through web browser. Alt+H; F1
Update Search for software updates through web browser. Alt+U; F2
About Display information relative to this software. Alt+B; F3
Result Area - -
Copy Tagged RGB Copy the RGB value (single) tagged by color tag into system clipboard. R
Copy Tagged HSV Copy the HSV value (single) tagged by color tag into system clipboard. H
Copy Tagged Hex Copy the Hex code (single) tagged by color tag into system clipboard. X
Copy RGB Result Copy all RGB values (five) in result into system clipboard. Shift+R
Copy HSV Result Copy all HSV values (five) in result into system clipboard. Shift+H
Copy Hex Result Copy all RGB codes (five) in result into system clipboard. Shift+X
Activate Tag Activate the corresponding color tag in color wheel. 1 ~ 5; 6 ~ 0
Depot Area - -
Copy Current RGB Copy the RGB values (five) selected in depot into system clipboard. Ctrl+R
Copy Current HSV Copy the RGB values (five) selected in depot into system clipboard. Ctrl+H
Copy Current Hex Copy the RGB values (five) selected in depot into system clipboard. Ctrl+X
Delete from Depot Delete the selected color set from depot. Delete; D
Insert into Depot Attach the color set in result area into depot or import the selected color set into result area. Insert; I
Show Detail Info Show detail information about currently selected color set. Enter; F
Move Actions - -
Move Move the opened image. ↑; ↓; ←; →
Zoom Zoom the opened image. -; =; _; +; /; *
Reset Reset the position and size of image. Home

Common Questions

How to change the interface language?

  1. Click "Edit" in the menu bar and select "Settings", and open the settings dialog.
    <div>
Settings interface.
</div>
  2. Click the "Software" tab and select the target language in the drop-down menu beside "Language".
    <div>
Change the language.
</div>

How to export color set file and import it into other image processors?

  1. Click "Export" in file button box in operation window, and export this color set as a Adobe swatch file (\*.aco).
    <div>
Export the color set.
</div>
  2. For Adobe Photoshop: Firstly, open Adobe Photoshop and select "Load" in swatch box and open the file dialog. Then, find the pre-saved swatch file and click "Open". The harmonious colors would be added to the end of current swatch.
  3. For GIMP: Firstly, open GIMP and select "Import Palette" with right-buttom cliced in colormap and open the import dialog. Then, find the pre-saved swatch file and click "Import".
  4. For Clip Studio Paint (or UDongman Paint): Firstly, open UDongman Paint and select "Load" in swatch box and open the file dialog. Then, find the pre-saved swatch file and click "Open". The harmonious colors would be opened in a new swatch.

Copyright

Copyright © 2019-2020 . All Rights Reserved.

License

DigitalPalette is a free software, which is distributed in the hope that it will be useful, but without any warranty. You can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation. See the GNU General Public License 3.0 (GPL 3.0) for more details.

All images (including logo and sample images, etc.), documents and translations in DigitalPalette code repository are licensed under Creative Commons Attribution-NonCommercial-ShareAlike License 4.0 (CC BY-NC-SA 4.0) unless stating additionally.

文章作者: 喵函数
文章链接: https://eigenmiao.site/2020/05/05/digipale-tutorial-en/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 本征喵的小站