Color Value Converter

Color Value Converter

Script for Adobe Illustrator

ㅤ

Description:

Color Value Converter is an intuitive Adobe Illustrator panel designed to seamlessly convert colors across multiple color modes, including HEX, RGB, HSB, CMYK, and Grayscale. This panel supports real-time color code adjustments, live previewing, and automatic synchronization between color formats.

ㅤ

Key Features:

  • Comprehensive Color Mode Support:
    Convert between HEX, RGB, HSB, CMYK and Grayscale with ease.

  • Real-Time Synchronization:
    Any change made in one color format instantly updates the other formats, ensuring perfect accuracy and efficiency.

  • Live Color Preview:
    A built-in preview dynamically updates as you adjust the color values, helping you visualize the output.

  • Clipboard Export:
    Quickly copy color values in all supported formats for easy sharing or reuse.

ㅤ

Install and Run the Script

  • Place the script file in your Adobe Illustrator Scripts folder:
    ㅤ
    MacOS: /Applications/Adobe Illustrator <Version>/Presets/<Language>/Scripts
    Windows: C:\Program Files\Adobe\Adobe Illustrator <Version>\Presets\<Language>\Scripts
    ㅤ
  • Restart Adobe Illustrator to load the script into the File > Scripts menu.
  • Open your document and go to File > Scripts > Color Value Converter to launch the script.

ㅤ

Working With the Script Panel

When you run the script, an interactive floating panel will appear.

 

ㅤ

➊ HEX Panel

The HEX Panel allows users to work with HEX color codes, a common format for specifying colors in web and digital design. 

  • Enter a HEX color code (e.g., #FFFFFF) in the text field.

ㅤ

🅰 Copy Color Values:

Use the copy button to copy the current color values to the clipboard for easy sharing or reuse.

ㅤ

🅱 Color Preview:

Provides a visual preview of the current color to help you see how the color looks in real-time.

 

➋ RGB Panel

The RGB Panel is designed for working with RGB (Red, Green, Blue) color values, commonly used in digital screens and web design. 

  • Adjust the Red, Green, and Blue values using sliders or text inputs.
  • Values range from 0 to 255.

 

➌ HSB Panel

The HSB Panel provides a user-friendly interface for working with HSB (Hue, Saturation, Brightness) color values, which are often intuitive for designers focusing on color tone, intensity, and lightness.

  • Modify the Hue (0-360°), Saturation (0-100%), and Brightness (0-100%) using sliders or inputs.

 

➍ CMYK Panel

The CMYK Panel is specifically designed for working with CMYK (Cyan, Magenta, Yellow, Black) color values, the standard for print design.

  • Adjust the Cyan, Magenta, Yellow, and Black values using sliders or text fields.
  • Values range from 0 to 100%.

 

➎ Grayscale Panel

The Grayscale Panel is designed for managing grayscale values, which represent colors in varying shades of gray. 

  • Adjust grayscale values (0-100%).
  • 0% represents pure white, and 100% represents pure black.
  • This option is enabled only when color saturation is set to 0.

ㅤ

The Color Code Converter is your go-to tool for managing and converting colors seamlessly across multiple formats—HEX, RGB, HSB, CMYK, and Grayscale. Whether you’re designing for the web, print, or digital media, this versatile panel ensures that your colors are precise, consistent, and perfectly suited to your creative needs.

ㅤ

ㅤ

Leave a comment

Color Value Converter

Version: 1.0.3

Updated:

Download Color Value Converter

  • 1.0.0 – Initial release.
    1.0.1 – Adjust the color values based on the key press ↑↓ or the combination of Shift + ↑↓ arrow keys for larger steps.
    1.0.2 – User Guide added. Access it via the ⏼ button to find helpful instructions and tips for using the script effectively.
    1.0.3 – Reorganized UI for better usability: Changed the UI elements from sliders to scrollbars.

    ㅤ

    ㅤ

    Tested on MacOS:
    ㅤ

    • Adobe Illustrator 2023 (27.0)
    • Adobe Illustrator 2024 (28.1)
    • Adobe Illustrator 2025 (29.0)

  • Supported Versions:

    • Compatible with Adobe Illustrator CS6 and later, including Adobe Illustrator CC versions.

    Operating Systems:

    • Works on both macOS and Windows platforms.

  • End User License Agreement (EULA)

    Last Updated: 21.12.2024

    ㅤ

    This End User License Agreement (“Agreement”) is a legal agreement between you (“User” or “Licensee”) and Samolevsky.com (“Licensor”) regarding the use of the Adobe Illustrator scripts (“Software”). By downloading, installing, or using the Software, you agree to be bound by the terms of this Agreement.

    ㅤ

    1. Grant of License

    Licensor grants the User a non-exclusive, non-transferable, and revocable license to use the Software in accordance with this Agreement.

    • Free Software: If the Software is provided for free, you may use it for personal or commercial purposes without payment, subject to the restrictions outlined in this Agreement.
    • Paid Software: If the Software is provided for a fee, you may use it only after payment has been made in full.

    ㅤ

    2. Usage Rights

    You are permitted to:

    • Install and use the Software on devices you own or control.
    • Use the Software in your personal or commercial projects, subject to compliance with this Agreement.

    ㅤ

    3. Restrictions

    You may NOT:

    • Reverse engineer, decompile, or otherwise attempt to discover the source code, underlying ideas, or algorithms of the Software.
    • Reuse, incorporate, or integrate any portion of the Software into any other software, product, or project, except as expressly permitted by the Licensor in writing.
    • Resell, redistribute, or share the Software, whether in its original or modified form, without prior written consent from the Licensor.
    • Claim ownership of the Software or its underlying code.
    • Use the Software in any way that violates applicable laws or regulations.

    ㅤ

    4. Ownership

    The Software and all intellectual property rights therein remain the exclusive property of the Licensor. This Agreement does not transfer ownership of the Software or any intellectual property rights to the User.

    ㅤ

    5. Disclaimer of Warranties

    THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT. IN NO EVENT SHALL THE LICENSOR BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

    ㅤ

    6. Limitation of Liability

    To the maximum extent permitted by law, Licensor shall not be liable for any damages, including but not limited to direct, indirect, incidental, special, or consequential damages, arising out of or related to the use or inability to use the Software.

    ㅤ

    7. Termination

    This Agreement is effective until terminated. Licensor may terminate this Agreement immediately if you breach any term of this Agreement. Upon termination, you must cease all use of the Software and destroy any copies in your possession.

    ㅤ

    8. Updates and Support

    Licensor is not obligated to provide updates, support, or maintenance for the Software. However, updates may be provided at the sole discretion of the Licensor.

    ㅤ

    9. Governing Law

    This Agreement shall be governed by and construed in accordance with the laws of the State of New York, without regard to its conflict of law principles.

    ㅤ

    10. Entire Agreement

    This Agreement constitutes the entire agreement between you and the Licensor concerning the Software and supersedes all prior or contemporaneous understandings regarding such subject matter.

    By using the Software, you acknowledge that you have read this Agreement, understand it, and agree to be bound by its terms.

    ㅤ

    For any questions or concerns regarding this Agreement, please contact us at hello@samolevsky.com

Required Software

Adobe Illustrator

Learn more

Adobe Illustrator is a professional vector graphics software developed by Adobe Inc. It is widely used by designers, illustrators, and artists for creating a variety of digital artwork, including logos, icons, illustrations, typography, and complex design layouts. Illustrator is known for its precision and scalability, allowing users to create high-quality graphics that can be resized without losing clarity. Its features include powerful drawing tools, customizable brushes, advanced typography options, and seamless integration with other Adobe Creative Cloud applications. Illustrator is a go-to tool for creative professionals working on projects for print, web, and multimedia platforms.

  • 🅰 Locating the Scripts Folder

    To install a Color Value Converter.jsx script in Adobe Illustrator, you need to place it in the correct directory where Illustrator
can recognize it. Follow these steps to locate the Scripts folder:

    1. MacOS:
      Open Finder and navigate to:
      Applications/Adobe Illustrator <Version>/Presets/<Language>/Scripts
    2. Windows:
      Open File Explorer and navigate to:
      C:\Program Files\Adobe\Adobe Illustrator <Version>\Presets\<Language>\Scripts
    3. Replace <Version> with your Adobe Illustrator version (e.g., 2025).
    4. Replace <Language> with your language folder (e.g., "de_DE" for German, "en_US" for English).

    ㅤ

    🅱 Installing the Script

    1. Copy the Script File: Copy the Color Value Converter.jsx file to the Scripts folder located in the path above.
    2. On some systems, you may need administrator permissions to modify the Scripts folder.
    3. Restart Adobe Illustrator: To refresh the scripts menu, close and reopen Adobe Illustrator.

    ㅤ

    Explore our complete guide to mastering Adobe Illustrator scripts.

    1. Open Adobe Illustrator and ensure a document is active.
    2. Go to the top menu bar and select File > Scripts.
    3. If the script is installed in the Scripts folder, it will appear in the dropdown list.
    4. Click the Color Value Converter script to run it.
    5. The Color Value Converter script will execute, and any dialog boxes or results will appear based on the script’s functionality.

    ☻ Before running any scripts, it’s strongly advised to save your work — especially when working with complex or large documents.

Got questions?

Need help or have an idea to share? We’d love to hear from you! Whether you have questions, found a bug, have a feature request, or just want to share your feedback, reach out to us—we’re here for you! 

Ask a Qestion

Browse More Scripts

More Adobe Illustrator Scripts
  1. Read more: Bento Grid Generator
    Bento Grid Generator

    Bento Grid Generator

    The Bento Grid Generator is a powerful script for Adobe Illustrator that allows designers to quickly create beautiful, customizable grid layouts inspired by the "bento box" style design pattern.

    Read more
  2. Read more: QR Code Generator
    QR Code Generator

    QR Code Generator

    QR Code Generator is a lightweight, time-saving script for Adobe Illustrator that lets you instantly generate scalable vector QR codes directly within your document. Perfect for designers working on packaging, print, branding, or web assets, this script eliminates the need to rely on third-party websites or tools.

    Read more
  3. Read more: Calculator
    Calculator

    Calculator

    This script creates a calculator panel within Adobe Illustrator, providing a convenient way to perform calculations without leaving the application.

    Read more

Shop More Creative Assets