Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

A lightweight JavaScript library for HSV color pickers with no dependencies.

License

Notifications You must be signed in to change notification settings

kritikov/nKolorLib

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 

Repository files navigation

nKolorLib

A lightweight JavaScript library that provides two interactive HSV color pickers for modern web applications.


✨ Features

  • 🎨 Two HSV color picker components
  • 🧠 A Color class with multiple output and conversion utilities
  • 🔁 Real-time color updates
  • 📦 Lightweight & dependency-free
  • ⚡ Easy integration in any JavaScript project
  • 🎯 Supports HEX, RGB, HSV output with Alpha channel
  • 🧩 Fully embeddable in any UI

🚀 Usage (ES Module)

import nKolorLib from '../nKolorLib.js';

const svPicker = nKolorLib.getSVPicker(
  document.getElementById("svPicker")
);

const hvPicker = nKolorLib.getHVPicker(
  document.getElementById("hvPicker")
);

const color = nKolorLib.getColor(0.5, 0.5, 0.5, 1);

The picker has a default width of 350px. The height is adjusted automatically. To change the width, add the following to your CSS file:

.nKolorLib-picker{
    width: 450px !important;
}

You can also use this rule for smaller screen sizes to make the picker responsive.


🧰 Available Tools


svPicker

image

hvPicker

image

Color: A class based on HSV and alpha parameters.

Provides: easy conversion to HEX, RGB output, HSV output, Alpha-aware formats, Utility methods for color manipulation


📄 License

nKolorLib is free software licensed under the GNU GPL v3.0 or later.


You can view an online implementation of the library at https://nkode.gr/EN/nKolorPicker