A lightweight JavaScript library that provides two interactive HSV color pickers for modern web applications.
- 🎨 Two HSV color picker components
- 🧠 A
Colorclass 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
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.
Provides: easy conversion to HEX, RGB output, HSV output, Alpha-aware formats, Utility methods for color manipulation
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