cyberalien/color

This package is abandoned and no longer maintained. No replacement package was suggested.

Color library

1.0.0 2017-04-18 10:27 UTC

This package is auto-updated.

Last update: 2021-09-14 15:23:49 UTC


README

I needed library that:

  • Had similar code on server side (PHP) and client side (browser).
  • Had license compatible with commercial projects.

There was no library that matched these requirements.

This library is available in 2 languages to make it usable in both client side web components and server side scripts:

  • PHP
  • JavaScript, usable in Node.js and in browser. Browser version has no dependencies.

Features

Library has only 1 object: Color

Color object represents color. You can:

  • Set or get color and color components in RGB and HSL color spaces with optional alpha channel.
  • Import/export color from/to different commonly used string formats: hexadecimal, IE hex, rgb(), hsl(), color keywords.
  • Mix colors.
  • Get luminance and calculate color contrast.

Class automatically converts between color spaces when needed.

Code is optimized for performance. Unusual coding style was used to make code consistent between different programming languages.

Usage

use \CyberAlien\Color;
    
// Create simple color object, get HEX string
$color = new Color();
$color->setRGB(10, 20, 30);
$color->toHex();
    
// Create color object from string
$color = Color.fromString('rgba(10, 20, 30, .5)');
$color->getRGBA();
    
// Change color components in different color spaces
$color = Color.fromString('#f00');
$color->setHue(180);
$color->toString(); // '#00ffff'
$color->toHex(true); // '#0ff' - compressed hex string
 
// Mix colors
$color = Color.fromString('blue');
$color2 = Color.fromString('red');
$color->mix($color2, 50); // 50% of each color
$color->toKeyword(); // 'purple'
    
// Manipulate color spaces
$color = Color.fromString('yellow');
$color->setHue($color->getHue() + 180);
$color->setLightness(25);
$color->toHex(); // '#000080'
$color->toHSLString(); // 'hsl(240, 100%, 25%)'
    
// Calculate contrast between 2 colors
$color = Color.fromString('yellow');
$color2 = Color.fromString('darkblue');
$color->getContrast($color2); // 14.245...

Documentation

Documentation will be added later, when new website is ready.

For now you can easily figure it out by reading function names and docblocks in src/color.js or lib/color.php Code is well documented.

Color values use following ranges:

  • red, green, blue: 0-255
  • hue: 0-360
  • lightness, saturation: 0-100
  • alpha: 0-1

Requirements

PHP library requires PHP 5.4 or newer version.

JavaScript library is written in ES6, but is compiled into ES5 code for older browsers.

Unit tests

To run tests run this command:

./bin/phpunit

or, if you have Node.js installed:

npm test

License

This library is licensed under MIT license. That means you can use it in both open source and commercial projects.