ColorWell is a lightweight yet powerful color picker and color adjustment tool designed specifically for macOS. It is not just a simple color picker, but a complete color workflow solution that integrates color collection, management, adjustment, and format export. Its design philosophy is to hide powerful features beneath a clean and intuitive interface, enabling designers, developers, and anyone who needs to work with colors to work efficiently and precisely.
I. Detailed Explanation of the Core Interface and Workspace
ColorWell’s interface is mainly divided into three core areas: the color picker panel, the palette workspace, and the color attributes panel.
1. Color Picker Panel
After launching the software, a circular magnifying glass color picker appears in the center of the screen. The crosshair in the center aligns with the target pixel, and the surrounding area is magnified for precise selection. Below the color picker, the color values of the current pixel, such as HEX and RGB, are displayed in real time. You can press and hold the left mouse button (or trackpad) and drag, and the color picker will capture the colors along the dragging path in real time.
2. Palette Workspace (Main Window)
This is ColorWell’s core management area. At the top of the window is a toolbar containing buttons such as “Add Color,” “Create New Palette,” and “Import/Export.” The main body displays all your saved colors and palettes in a grid or list format. Each color swatch is clearly displayed, and clicking on it allows you to view and edit its detailed attributes.
3. Color Attributes Panel
When you select a color in the color palette workspace, the attributes panel will expand on the right side or at the bottom. Here, comprehensive color model editing is provided:
- HEX: Directly enter or copy a six-digit or eight-digit (with transparency) hexadecimal code.
- RGB/A: Adjust the red, green, blue, and transparency channels via sliders or input fields.
- HSB/A: Make more intuitive adjustments using the hue, saturation, and brightness model.
- Color Sliders: Provides more professional models such as grayscale and CMYK.
- Preview: Displays the color adjustment effect in real time and compares it with the original color.
II. Complete Workflow: From Color Picking to Export
Step 1: Launch and Pick Colors
Method: Open the ColorWell application. By default, the color picker will activate automatically. You can also click the ColorWell icon in the menu bar at any time, or use the shortcut Shift + Command + C to activate the color picker.
Operation: Move the mouse and align the crosshair at the center of the color picker with the position where you want to capture a color. Left-click the mouse to capture that color and automatically add it to the currently active palette.
Step 2: Create/Manage Palettes
Create a New Palette: In the main window, click the “+” button in the toolbar and select “New Palette”. Name the new palette (for example, “Brand Primary Colors”).
Add colors to the palette: In addition to automatically adding colors with the eyedropper, you can also click the “Add Color” button at the bottom of the palette to manually create a color, then adjust its values in the properties panel on the right.
Manage colors: In the palette, you can drag swatches to reorder them. Right-click a swatch to duplicate, delete, or rename it.
Step 3: Edit and adjust colors
Click a target color in the palette, and the properties panel on the right will display its detailed information.
How to adjust:
- Type a new color code directly into the HEX input field.
- Drag the sliders under models such as RGB and HSB.
- Click a point on the color wheel to quickly change the hue and saturation.
All changes are saved in real time.
Step 4: Use and copy color values
The core value of ColorWell lies in quickly applying color values to other apps.
Methods:
- Quick copy: In the palette, hover the mouse over a color swatch and format buttons (such as HEX and RGB) will appear. Click the corresponding button directly, and the color value in that format will be copied to the clipboard.
- Copy via menu: Right-click a swatch, select “Copy Color as”, and then choose the format you need (such as SwiftUI Color, CSS RGBA, etc.).
Step 5: Export the Palette
ColorWell supports exporting an entire palette in multiple formats for archiving or collaborating with other design tools.
Action: In the main window, select the target palette and click the menu bar “File” → “Export Palette”.
Format options: In the save dialog, you can choose to export as .clr (macOS system color palette), .ase (Adobe Swatch Exchange file, suitable for Photoshop/Illustrator), .json, or a plain text file.
After choosing the path and format, click Save to complete the export.
III. Advanced Tips for Common Features
1. Global color picking and shortcut color picking: Even when the ColorWell window is not in the foreground, the eyedropper shortcut Shift + Command + C remains available globally. You can activate it in any app interface to pick colors, and the color will be saved automatically.
2. Lock color picking at any position on the screen: After activating the eyedropper, hold the Command key and the eyedropper will temporarily “lock” at the current position; the color will only be picked after you release the key. This helps you aim precisely at targets in complex interfaces.
3. Color history: ColorWell automatically records the colors you have recently sampled. Click “History” in the list on the left side of the main window to view and revisit all color-picking records, so you won’t lose a great color you happened to find.
