Skip to content

README.md

Latest commit

 

History

History
68 lines (46 loc) · 1.71 KB

README.md

File metadata and controls

68 lines (46 loc) · 1.71 KB

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/tools/color-picker