Hex Colors

Hex Color is an open-source, highly customizable, and carefully curated collection of color palettes designed to provide a comprehensive range of colors for your web and mobile applications.

Comprehensive Color Palettes

Includes a wide range of color palettes such as gray, slate, red, pink, purple, violet, indigo, blue, green, lime, yellow, amber, and orange.

Installation

npm install hex-color-system

CSS Variables

Easy integration with your project using CSS variables for effortless theming and customization.

--hex-(color)-(number)

• hex: Abbreviation for Open color
• (color): Color name such as grey, red, blue, etc.
• (number): 1 to 12. Color shade.

How to Use

Import the file to your project and use the variables.

Example for CSS

@import 'path/hex-colors.css';

.body {
  background-color: var(--hex-grey-2);
  color: var(--hex-grey-9);
}