Choose your format and write in any digital colour.
It will be converted to all the listed notations.
Out of gamut colours will be clamped.
Thank you for reading this post, don't forget to Share!
Find a colour
Your HLC code will also be displayed by the small reference swatch outside the list with 1-digit accuracy
Match a colour
Below you will find closest colours matched from the HLC Colour Atlas XL with 5-step intervals in hue, lightness, chroma
Clicking on them will load the corresponding page and colour
Colour picker panel
Browse “surrounding” colours around your chosen colour with slight changes in lightness (L) and chroma (C) (2-step intervals)
The expanded panel shows the previous and the next hue (H) (1-step intervals)
You can also flip the pages
Database colours
Click on the HLC code below the swatches to load data in the colour converter
Instructions on Color Matching Using Just Color Picker, LCH Color Picker, and the HLC Colour Atlas XL-Cielab PDF:
Step 1: Using Just Color Picker
- Download and Install Just Color Picker: If you haven’t already, download the application from its official website and install it on your computer.
- Capture the Color: Open the application, hover the mouse over the area of the screen where the desired color is, and press the hotkey (by default, it’s Alt + X) to pick the color.
- Note the RGB or Hex Value: Once you’ve captured the color, the application will display various color values. Take note of the RGB or Hex value, as we’ll use it in the next step.
Step 2: Using the LCH Color Picker
- Visit the LCH Color Picker Tool: Go to
https://css.land/lch/. - Import the RGB or Hex Value: Enter the RGB or Hex value you got from the Just Color Picker into the provided space in the LCH Color Picker.
- Observe the LCH Values: The tool will automatically convert the RGB or Hex value into its corresponding LCH values. Take note of these LCH values (Lightness, Chroma, and Hue).
Step 3: Adjusting to HLC in the HLC Colour Atlas XL-Cielab PDF
- Open the HLC Colour Atlas XL-Cielab PDF: Ensure you have a PDF reader installed. Navigate to the specific page or section that represents HLC values.
- Match and Adjust Values:
- Hue (H): Locate the corresponding Hue value from the LCH picker within the Atlas.
- Lightness (L): Match the Lightness value.
- Chroma (C): Locate the corresponding Chroma value.
- Fine-Tune the HLC Values: Depending on the granularity of the Atlas and the precise representation of colors, you might need to make minor adjustments. Use the LCH values as your starting point, and adjust as needed to achieve the closest match in the HLC Atlas.
Tips for Precision:
- PDF Display Settings: Ensure your PDF reader’s display settings are optimized for accurate color representation. Display brightness, contrast, and calibration can impact how colors appear on-screen.
- Visual Confirmation: Always trust your eye for the final check. If the color seems slightly off, make the necessary tweaks in the Atlas.
With this guide, digital artists and web designers can seamlessly match and transfer colors across different tools and references, ensuring consistent color representation across platforms.
