rukkiecodes-colors Documentation

Overview

rukkiecodes-colors is an npm library designed to provide developers with a diverse range of colors in various shades. This library is tailored for ease of use, enabling developers to effortlessly integrate colors into their JavaScript or TypeScript projects. With a wide array of readily available colors, rukkiecodes-colors simplifies the process of selecting and using colors in your applications.

Installation

You can install rukkiecodes-colors using either npm or yarn. Choose the package manager that suits your project:

Using npm

npm install rukkiecodes-colors

Using yarn

yarn add rukkiecodes-colors

Usage

Once installed, you can import the colors from rukkiecodes-colors into your JavaScript or TypeScript files. The library provides a variety of color palettes, each with a range of shades. Below is an example of how you can import and use the colors:

// Importing a color palette
import { red, blue, green } from 'rukkiecodes-colors';

// Accessing color properties
console.log('Red Color:', red.hex); // Output: #FF0000
console.log('Blue Color:', blue.name); // Output: blue
console.log('Green Color:', green.hex); // Output: #00FF00

Color Palettes

White & Black

• white: #ffffff
• black: #000000

Primary Colors

• red: #FF0000
• green: #00FF00
• blue: #0000FF

Additional Color Palettes

rukkiecodes-colors includes a rich set of additional color palettes. These palettes cover a spectrum of shades and can be easily accessed and utilized in your projects. For a comprehensive list, refer to the documentation or explore the available colors through your code editor's autocomplete features.

Contributions

Contributions to rukkiecodes-colors are welcome! If you have additional color palettes, improvements, or feature requests, feel free to contribute to the project on GitHub.

License

This library is distributed under the MIT License.

For more details and examples, please refer to the official documentation or the GitHub repository: rukkiecodes/rukkiecodes-colors.

Happy coding with vibrant colors! 🌈

Basic

| Name | Hex Code | Description | |---------|------------|-------------------| | White | #ffffff | Basic white color | | Black | #000000 | Basic black color | | Red | #ff0000 | Basic red color | | Green | #00ff00 | Basic green color | | Blue | #0000ff | Basic blue color |

Off-White Color Palette

| Name | Hex Code | Description | | -------------- | ---------- | ----------------------- | | Off White 50 | #FAFAFA | Very light off-white | | Off White 100 | #F5F5F5 | Light off-white | | Off White 200 | #F0F0F0 | Lighter off-white | | Off White 300 | #EAEAEA | Light grayish off-white | | Off White 400 | #E5E5E5 | Light gray off-white | | Off White 500 | #E0E0E0 | Medium light gray | | Off White 600 | #DADADA | Medium grayish off-white| | Off White 700 | #D5D5D5 | Medium gray off-white | | Off White 800 | #D0D0D0 | Darkish gray off-white | | Off White 900 | #CACACA | Dark gray off-white |

Grey Color Palette

| Name | Hex Code | Description | | --------- | ---------- | ---------------------- | | Grey 50 | #FAFAFA | Very light grey | | Grey 100 | #F5F5F5 | Light grey | | Grey 200 | #EEEEEE | Lighter grey | | Grey 300 | #E0E0E0 | Light grayish grey | | Grey 400 | #BDBDBD | Light gray | | Grey 500 | #9E9E9E | Medium light gray | | Grey 600 | #757575 | Medium grayish grey | | Grey 700 | #616161 | Medium gray | | Grey 800 | #424242 | Darkish gray | | Grey 900 | #212121 | Dark gray |

Red Color Palette

| Name | Hex Code | Description | | --------- | ---------- | --------------------- | | Red 50 | #FFEBEE | Very light red | | Red 100 | #FFCDD2 | Light red | | Red 200 | #EF9A9A | Lighter red | | Red 300 | #E57373 | Light coral red | | Red 400 | #EF5350 | Light tomato red | | Red 500 | #F44336 | Medium light red | | Red 600 | #E53935 | Medium coral red | | Red 700 | #D32F2F | Medium tomato red | | Red 800 | #C62828 | Darkish coral red | | Red 900 | #B71C1C | Dark tomato red |

Green Color Palette

| Name | Hex Code | Description | | ---------- | ---------- | --------------------- | | Green 50 | #E8F5E9 | Very light green | | Green 100 | #C8E6C9 | Light green | | Green 200 | #A5D6A7 | Lighter green | | Green 300 | #81C784 | Light greenish green | | Green 400 | #66BB6A | Light green | | Green 500 | #4CAF50 | Medium light green | | Green 600 | #43A047 | Medium greenish green | | Green 700 | #388E3C | Medium green | | Green 800 | #2E7D32 | Darkish green | | Green 900 | #1B5E20 | Dark green |

Teal Color Palette

| Name | Hex Code | Description | | --------- | ---------- | ---------------------- | | Teal 50 | #E0F2F1 | Very light teal | | Teal 100 | #B2DFDB | Light teal | | Teal 200 | #80CBC4 | Lighter teal | | Teal 300 | #4DB6AC | Light tealish teal | | Teal 400 | #26A69A | Light teal | | Teal 500 | #009688 | Medium light teal | | Teal 600 | #00897B | Medium tealish teal | | Teal 700 | #00796B | Medium teal | | Teal 800 | #00695C | Darkish teal | | Teal 900 | #004D40 | Dark teal |

Blue Color Palette

| Name | Hex Code | Description | | -------- | ---------- | --------------------- | | Blue 50 | #E3F2FD | Very light blue | | Blue 100 | #BBDEFB | Light blue | | Blue 200 | #90CAF9 | Lighter blue | | Blue 300 | #64B5F6 | Light blueish blue | | Blue 400 | #42A5F5 | Light blue | | Blue 500 | #2196F3 | Medium light blue | | Blue 600 | #1E88E5 | Medium blueish blue | | Blue 700 | #1976D2 | Medium blue | | Blue 800 | #1565C0 | Darkish blue | | Blue 900 | #0D47A1 | Dark blue |

Sky Blue Color Palette

| Name | Hex Code | Description | | ------------ | ---------- | -------------------------- | | SkyBlue 50 | #E3F2FD | Very light sky blue | | SkyBlue 100 | #BBDEFB | Light sky blue | | SkyBlue 200 | #90CAF9 | Lighter sky blue | | SkyBlue 300 | #64B5F6 | Light sky blueish blue | | SkyBlue 400 | #42A5F5 | Light sky blue | | SkyBlue 500 | #2196F3 | Medium light sky blue | | SkyBlue 600 | #1E88E5 | Medium sky blueish blue | | SkyBlue 700 | #1976D2 | Medium sky blue | | SkyBlue 800 | #1565C0 | Darkish sky blue | | SkyBlue 900 | #0D47A1 | Dark sky blue |

Ocean Blue Color Palette

| Name | Hex Code | Description | | ---------------- | ---------- | ----------------------------- | | OceanBlue 50 | #E0E8F9 | Very light ocean blue | | OceanBlue 100 | #B3C7E1 | Light ocean blue | | OceanBlue 200 | #829FCE | Lighter ocean blue | | OceanBlue 300 | #5877B8 | Light ocean blueish blue | | OceanBlue 400 | #335DAB | Light ocean blue | | OceanBlue 500 | #1E4D96 | Medium light ocean blue | | OceanBlue 600 | #1A4285 | Medium ocean blueish blue | | OceanBlue 700 | #133674 | Medium ocean blue | | OceanBlue 800 | #0C295E | Darkish ocean blue | | OceanBlue 900 | #051C46 | Dark ocean blue |

Amber Color Palette

| Name | Hex Code | Description | | ------------ | ---------- | ------------------- | | Amber 50 | #FFF8E1 | Very light amber | | Amber 100 | #FFECB3 | Light amber | | Amber 200 | #FFE082 | Lighter amber | | Amber 300 | #FFD54F | Light amberish | | Amber 400 | #FFCA28 | Light amber | | Amber 500 | #FFC107 | Medium light amber | | Amber 600 | #FFB300 | Medium amberish | | Amber 700 | #FFA000 | Medium amber | | Amber 800 | #FF8F00 | Darkish amber | | Amber 900 | #FF6F00 | Dark amber |

Purple Color Palette

| Name | Hex Code | Description | | ------------ | ---------- | ------------------- | | Purple 50 | #F3E5F5 | Very light purple | | Purple 100 | #E1BEE7 | Light purple | | Purple 200 | #CE93D8 | Lighter purple | | Purple 300 | #BA68C8 | Light purplish | | Purple 400 | #AB47BC | Light purple | | Purple 500 | #9C27B0 | Medium light purple | | Purple 600 | #8E24AA | Medium purplish | | Purple 700 | #7B1FA2 | Medium purple | | Purple 800 | #6A1B9A | Darkish purple | | Purple 900 | #4A148C | Dark purple |

Indigo Color Palette

| Name | Hex Code | Description | | ----------- | ---------- | ------------------- | | Indigo 50 | #E8EAF6 | Very light indigo | | Indigo 100 | #C5CAE9 | Light indigo | | Indigo 200 | #9FA8DA | Lighter indigo | | Indigo 300 | #7986CB | Light indigo | | Indigo 400 | #5C6BC0 | Light purplish | | Indigo 500 | #3F51B5 | Medium light indigo | | Indigo 600 | #3949AB | Medium indigo | | Indigo 700 | #303F9F | Medium dark indigo | | Indigo 800 | #283593 | Darkish indigo | | Indigo 900 | #1A237E | Dark indigo |

Pink Color Palette

| Name | Hex Code | Description | | --------- | ---------- | ----------------- | | Pink 50 | #FCE4EC | Very light pink | | Pink 100 | #F8BBD0 | Light pink | | Pink 200 | #F48FB1 | Lighter pink | | Pink 300 | #F06292 | Light pink | | Pink 400 | #EC407A | Light purplish | | Pink 500 | #E91E63 | Medium light pink | | Pink 600 | #D81B60 | Medium pink | | Pink 700 | #C2185B | Medium dark pink | | Pink 800 | #AD1457 | Darkish pink | | Pink 900 | #880E4F | Dark pink |

Gold Color Palette

| Name | Hex Code | Description | | --------- | ---------- | ----------------- | | Gold 50 | #FFF8E1 | Very light gold | | Gold 100 | #FFECB3 | Light gold | | Gold 200 | #FFE082 | Lighter gold | | Gold 300 | #FFD54F | Light gold | | Gold 400 | #FFCA28 | Light orangish | | Gold 500 | #FFC107 | Medium light gold | | Gold 600 | #FFB300 | Medium gold | | Gold 700 | #FFA000 | Medium dark gold | | Gold 800 | #FF8F00 | Darkish gold | | Gold 900 | #FF6F00 | Dark gold |

Brown Color Palette

| Name | Hex Code | Description | | ---------- | ---------- | ----------------- | | Brown 50 | #EFEBE9 | Very light brown | | Brown 100 | #D7CCC8 | Light brown | | Brown 200 | #BCAAA4 | Lighter brown | | Brown 300 | #A1887F | Light brown | | Brown 400 | #8D6E63 | Light orangish | | Brown 500 | #795548 | Medium light brown| | Brown 600 | #6D4C41 | Medium brown | | Brown 700 | #5D4037 | Medium dark brown | | Brown 800 | #4E342E | Darkish brown | | Brown 900 | #3E2723 | Dark brown |

Khaki Color Palette

| Name | Hex Code | Description | | ---------- | ---------- | ----------------- | | Khaki 50 | #FFF8E1 | Very light khaki | | Khaki 100 | #FFECB3 | Light khaki | | Khaki 200 | #FFE082 | Lighter khaki | | Khaki 300 | #FFD54F | Light khaki | | Khaki 400 | #FFCA28 | Light orangish | | Khaki 500 | #FFC107 | Medium light khaki| | Khaki 600 | #FFB300 | Medium khaki | | Khaki 700 | #FFA000 | Medium dark khaki | | Khaki 800 | #FF8F00 | Darkish khaki | | Khaki 900 | #FF6F00 | Dark khaki |

Yellow Color Palette

| Name | Hex Code | Description | | ---------- | ---------- | -------------------- | | Yellow 50 | #FFFDE7 | Very light yellow | | Yellow 100 | #FFF9C4 | Light yellow | | Yellow 200 | #FFF590 | Lighter yellow | | Yellow 300 | #FFF176 | Light yellow | | Yellow 400 | #FFEE58 | Light orangish yellow| | Yellow 500 | #FFEB3B | Medium light yellow | | Yellow 600 | #FDD835 | Medium yellow | | Yellow 700 | #FBC02D | Medium dark yellow | | Yellow 800 | #F9A825 | Darkish yellow | | Yellow 900 | #F57F17 | Dark yellow |

Silver Color Palette

| Name | Hex Code | Description | | ----------- | ---------- | ----------------- | | Silver 50 | #F9FAFB | Very light silver | | Silver 100 | #F4F5F7 | Light silver | | Silver 200 | #EBEDF0 | Lighter silver | | Silver 300 | #D8DCE1 | Light silver | | Silver 400 | #B6BFC7 | Light grayish silver | | Silver 500 | #95A5A6 | Medium light silver | | Silver 600 | #7F8C8D | Medium silver | | Silver 700 | #707B7C | Medium dark silver | | Silver 800 | #616A6B | Darkish silver | | Silver 900 | #4D5456 | Dark silver |

Sand Black Color Palette

| Name | Hex Code | Description | | ------------------ | ---------- | ---------------------- | | Sand Black 50 | #F0F0F0 | Very light sand black | | Sand Black 100 | #D8D8D8 | Light sand black | | Sand Black 200 | #B0B0B0 | Lighter sand black | | Sand Black 300 | #8A8A8A | Light sand black | | Sand Black 400 | #6E6E6E | Light grayish sand black | | Sand Black 500 | #515151 | Medium light sand black | | Sand Black 600 | #454545 | Medium sand black | | Sand Black 700 | #393939 | Medium dark sand black | | Sand Black 800 | #2D2D2D | Darkish sand black | | Sand Black 900 | #1F1F1F | Dark sand black |

Space Grey Color Palette

| Name | Hex Code | Description | | ------------------ | ---------- | ---------------------- | | Space Grey 50 | #F2F2F2 | Very light space grey | | Space Grey 100 | #E0E0E0 | Light space grey | | Space Grey 200 | #BDBDBD | Lighter space grey | | Space Grey 300 | #9E9E9E | Light space grey | | Space Grey 400 | #757575 | Light grayish space grey | | Space Grey 500 | #616161 | Medium light space grey | | Space Grey 600 | #424242 | Medium space grey | | Space Grey 700 | #212121 | Medium dark space grey | | Space Grey 800 | #191919 | Darkish space grey | | Space Grey 900 | #111111 | Dark space grey |

Copper Color Palette

| Name | Hex Code | Description | | ------------- | ---------- | ------------------ | | Copper 50 | #FEEAE3 | Very light copper | | Copper 100 | #FED3C8 | Light copper | | Copper 200 | #FEAD9E | Lighter copper | | Copper 300 | #FE876F | Light copper | | Copper 400 | #FD6143 | Light reddish copper | | Copper 500 | #FD3A16 | Medium light copper | | Copper 600 | #DC2E12 | Medium copper | | Copper 700 | #BB220E | Medium dark copper | | Copper 800 | #99170B | Darkish copper | | Copper 900 | #770B08 | Dark copper |

Aluminum Color Palette

| Name | Hex Code | Description | | --------------- | ---------- | ------------------ | | Aluminum 50 | #F7F7F7 | Very light aluminum | | Aluminum 100 | #E0E0E0 | Light aluminum | | Aluminum 200 | #BDBDBD | Lighter aluminum | | Aluminum 300 | #9E9E9E | Light aluminum | | Aluminum 400 | #757575 | Light grayish aluminum | | Aluminum 500 | #616161 | Medium light aluminum | | Aluminum 600 | #424242 | Medium aluminum | | Aluminum 700 | #212121 | Medium dark aluminum | | Aluminum 800 | #191919 | Darkish aluminum | | Aluminum 900 | #111111 | Dark aluminum |