Color Nexus

About this plugin

Color is one of the most important tools for designers. Beyond its intrinsic properties, design also requires attention to the combination, contrast, and harmony between colors.To address these needs, we created Color Nexus, To present the contrast and harmony between colors, making the analysis and adjustment process more intuitive, professional, and convenient.

ColorNexus v2.0

New Feature: Intelligent Image Color Extraction

Easily extract three sets of professional color palettes from any image! ColorNexus v2.0 utilizes multiple advanced algorithms to provide diverse color inspirations for your designs.

V2.0 Key Features:

1. Multi-Algorithm Support: Different algorithms are used to extract color palettes, ensuring diversity and uniqueness.
2. Quick Switching: One-click to switch between different color schemes, making the operation simple and reliable.
3. Flexible Adjustment: Adjust the extracted colors freely according to project requirements.

Operation Steps:

1.Select an Image: Choose any image in your Figma document.

2.One-Click Extraction: Click the image icon to quickly extract a color scheme.

3.Freely Switch and Adjust: Click the image icon repeatedly to switch between the three sets of color palettes. You can also fine-tune the extracted colors according to your needs. ColorNexus provides convenient color adjustment tools.

ColorNexusV1.0

Key Features:

1. In ColorNexus, you can adjust the hue values of a group of colors within the same color wheel, intuitively observing the angular positional relationships of each color on the wheel. This allows you to quickly identify whether they are complementary colors, analogous colors, or any other contrasting relationships.

1. ColorNexus utilizes the HSL model, ensuring that hue, saturation, and lightness are presented in a symmetrical relationship, providing a reliable foundation for your color analysis. Simultaneously, each color's saturation and lightness are displayed on the adjustment axis, allowing you to gauge the contrast strength by their positions relative to each other—the further apart they are, the more intense the contrast. This empowers you to create a myriad of color combinations.

1. Additionally, ColorNexus supports one-click switching between RGB and RYB modes, enabling you to view color contrasts that are more aligned with traditional art theories.

1. Overall, ColorNexus not only helps you create a harmonious and visually pleasing set of colors but also ensures that these colors form an organic whole, rather than isolated individual elements.

Color Addition Methods:

Extract colors from Figma documents.

Input 16-digit hexadecimal color values.

Quickly add basic colors.

Color Output:

After adjustments, hover over the color block and click the download icon to export the color to the current Figma canvas.

Use Cases:

Starting from Scratch: Use ColorNexus to create a brand-new color palette.

Expanding Existing Tones: Input one or several tones and easily add more colors to complement them.

Inspiration Capture: Input beautiful color combinations into ColorNexus, which will display the relationships between colors, helping you better understand and adjust them, thereby improving your color adjustment skills.

Tips:

The RYB color wheel does not support hue adjustments because its color gamut has a nonlinear relationship with RGB, and RGB is the most accurate for adjustments on computers.

The color wheel's drag handle automatically avoids overlap when hues are close, making operation convenient.

With a clean interface that matches Figma's light and dark themes, ColorNexus runs quickly and smoothly, making it an ideal color adjustment plugin.