hue.gl is a Perceptual Colour System designed for the modern age. At its core, hue.gl transcends traditional color systems by focusing on how we perceive colors, ensuring that every hue, shade, and tone is as visually intuitive as it is scientifically precise.

Introduction

In a world where colors are more than just aesthetic choices, hue.gl stands out by delivering a color system that aligns with human visual perception. This system is meticulously calibrated to reflect how our eyes and brains understand color, making it an invaluable tool for designers, artists, and anyone looking to communicate with color more effectively.

hue.gl offers a comprehensive suite of tools and features that cater to a wide range of needs - from generating harmonious color schemes to providing a vast palette of perceptually uniform colors. Whether you're designing a user interface, branding materials, or simply exploring the world of colors, hue.gl is your go-to solution for colors that resonate and communicate clearly.

Colours

Explore a glimpse of the vibrant and diverse color palette offered by hue.gl. Each color has been carefully crafted to provide a wide range of hues and shades, suitable for various design needs.

| | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | | Grey | N0001 | N0002 | N0003 | N0004 | N0005 | N0006 | N0007 | N0008 | N0009 | | Salmon | N0151 | N0152 | N0153 | N0154 | N0155 | N0156 | N0157 | N0158 | N0159 | | Orange | N0301 | N0302 | N0303 | N0304 | N0305 | N0306 | N0307 | N0308 | N0309 | | Amber | N0451 | N0452 | N0453 | N0454 | N0455 | N0456 | N0457 | N0458 | N0459 | | Yellow | N0601 | N0602 | N0603 | N0604 | N0605 | N0606 | N0607 | N0608 | N0609 | | Lime | N0751 | N0752 | N0753 | N0754 | N0755 | N0756 | N0757 | N0758 | N0759 | | Ecru | N0901 | N0902 | N0903 | N0904 | N0905 | N0906 | N0907 | N0908 | N0909 | | Olive | N1051 | N1052 | N1053 | N1054 | N1055 | N1056 | N1057 | N1058 | N1059 | | Green | N1201 | N1202 | N1203 | N1204 | N1205 | N1206 | N1207 | N1208 | N1209 | | Forest | N1351 | N1352 | N1353 | N1354 | N1355 | N1356 | N1357 | N1358 | N1359 | | Jade | N1501 | N1502 | N1503 | N1504 | N1505 | N1506 | N1507 | N1508 | N1509 | | Mint | N1651 | N1652 | N1653 | N1654 | N1655 | N1656 | N1657 | N1658 | N1659 | | Cyan | N1801 | N1802 | N1803 | N1804 | N1805 | N1806 | N1807 | N1808 | N1809 | | Teal | N1951 | N1952 | N1953 | N1954 | N1955 | N1956 | N1957 | N1958 | N1959 | | Capri | N2101 | N2102 | N2103 | N2104 | N2105 | N2106 | N2107 | N2108 | N2109 | | Sky | N2251 | N2252 | N2253 | N2254 | N2255 | N2256 | N2257 | N2258 | N2259 | | Blue | N2401 | N2402 | N2403 | N2404 | N2405 | N2406 | N2407 | N2408 | N2409 | | Azure | N2551 | N2552 | N2553 | N2554 | N2555 | N2556 | N2557 | N2558 | N2559 | | Indigo | N2701 | N2702 | N2703 | N2704 | N2705 | N2706 | N2707 | N2708 | N2709 | | Violet | N2851 | N2852 | N2853 | N2854 | N2855 | N2856 | N2857 | N2858 | N2859 | | Magenta | N3001 | N3002 | N3003 | N3004 | N3005 | N3006 | N3007 | N3008 | N3009 | | Purple | N3151 | N3152 | N3153 | N3154 | N3155 | N3156 | N3157 | N3158 | N3159 | | Rose | N3301 | N3302 | N3303 | N3304 | N3305 | N3306 | N3307 | N3308 | N3309 | | Pink | N3451 | N3452 | N3453 | N3454 | N3455 | N3456 | N3457 | N3458 | N3459 | | Red | N3601 | N3602 | N3603 | N3604 | N3605 | N3606 | N3607 | N3608 | N3609 |

Installation

HTML Script Tag

<script src="https://unpkg.com/hue.gl@latest/dist.min.js"></script>

NPM Module

npm i hue.gl

Colophon

Authors

hue.gl is an open-source project by Scape Agency.

Scape Agency

Scape Agency is a spatial innovation collective that dreams, discovers and designs the everyday of tomorrow. We blend design thinking with emerging technologies to create a brighter perspective for people and planet. Our products and services naturalise technology in liveable and sustainable –scapes that spark the imagination and inspire future generations.

• website: scape.agency
• github: github.com/stylescape

Links

• Website
• NPM

Development Resources

Contributing

We'd love for you to contribute and to make this project even better than it is today! Please refer to the contribution guidelines for information.

Legal Information

Copyright

Copyright © 2024 Scape Agency BV. All Rights Reserved.

License

Except as otherwise noted, the content in this repository is licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) License, and code samples are licensed under the Apache 2.0 License.

Also see LICENSE and LICENSE-CODE.

Disclaimer

THIS SOFTWARE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.