soapbox/css-colors
A package that takes in a color hex and returns potential foreground colours and background colour variations. Very useful for creating CSS gradients and dynamically figuring out foreground colour.
15,161
9
| Install | |
|---|---|
composer require soapbox/css-colors |
|
| Latest Version: | 1.0 |
| PHP: | >=5.3.0 |
| License: | MIT |
| Last Updated: | Feb 16, 2018 |
| Links: | GitHub · Packagist |
Maintainer: grahammccarthy
css-colors
Takes in a HEX color and produces variations of that colour for the foreground and background
It takes a great php class made by Patrick Fitzgerald in 2004 ( http://www.barelyfitz.com/projects/csscolor/ ) and wraps it in a library for use in your project.
Installation
Install this package through Composer. Add the following to your composer.json file:
"require": {
"soapbox/css-colors": "dev-master"
}
Next, run composer install
Finally, add the service provider and the facade to app/config/app.php.
'providers' => array(
// ...
'SoapBox\Csscolor\CsscolorServiceProvider'
)
Not required, but you can addd the Csscolor alias if you want.
'aliases' => array(
// ...
'Csscolor' => 'SoapBox\Csscolor\Facade'
)
How to Use:
All you need to do is put the HEX values into a colour object
$color = Csscolor::make('3D88C8');
$color->bg['0']; // returns the same colour as entered
$color->bg['+1']; // +1 to +5 and -1 to -5 to return variations of the colour to work with gradiants
$color->fg['0']; // returns a colour that can sit on the foreground of the defined hex value
...
A var_dump of the $color objects instanciated with the color #3D88C8 look like the following:
object(SoapBox\Csscolor\Csscolor)[1109]
public 'bg' =>
array (size=11)
0 => string '3D88C8' (length=6)
'+1' => string '5a9ad0' (length=6)
'+2' => string '6ea6d6' (length=6)
'+3' => string '9fc4e4' (length=6)
'+4' => string 'cee1f1' (length=6)
'+5' => string 'ecf4fa' (length=6)
-1 => string '3474aa' (length=6)
-2 => string '2e6696' (length=6)
-3 => string '1f4464' (length=6)
-4 => string '0f2232' (length=6)
-5 => string '060e14' (length=6)
public 'fg' =>
array (size=11)
0 => string 'ffffff' (length=6)
'+1' => string '000000' (length=6)
'+2' => string '000000' (length=6)
'+3' => string '000000' (length=6)
'+4' => string '0f2232' (length=6)
'+5' => string '1f4464' (length=6)
-1 => string 'ffffff' (length=6)
-2 => string 'ffffff' (length=6)
-3 => string 'ffffff' (length=6)
-4 => string 'cee1f1' (length=6)
-5 => string '9fc4e4' (length=6)
public 'minBrightDiff' => int 126
public 'minColorDiff' => int 500
Related Packages
emotality/laravel-color
A Laravel package to retrieve information from colors, convert and more.
1,974
0
tylercd100/laravel-validator-color
Validate that a certain value is a valid CSS color string in Laravel 5
81,503
15