https://github.com/mukuljainx/gradientservice
gradientService for Angular 1 built on top of tinyColor and tinyGradient
https://github.com/mukuljainx/gradientservice
angular1 javascript tinycolor
Last synced: 3 months ago
JSON representation
gradientService for Angular 1 built on top of tinyColor and tinyGradient
- Host: GitHub
- URL: https://github.com/mukuljainx/gradientservice
- Owner: mukuljainx
- Created: 2016-07-10T09:49:41.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-07-10T09:54:16.000Z (almost 10 years ago)
- Last Synced: 2025-07-08T12:45:24.459Z (12 months ago)
- Topics: angular1, javascript, tinycolor
- Language: JavaScript
- Size: 18.6 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### About
Service Generates gradient strips between two colors.
Built on top of [TinyColor](https://github.com/bgrins/TinyColor) and [TinyGradient](https://github.com/mistic100/tinygradient)
### How to use
Incule `gradientService` in app.
##### Exposed Functions
Returns an array of color in hex format.
```
gradientService.HSVGradient(color1,color2,no_of_slices)
or
gradientService.HSVGradient(color1,midcolor,color2,no_of_slices)
```
and
```
gradientService.RGBGradient(color1,color2,no_of_slices)
or
gradientService.RGBGradient(color1,midcolor,color2,no_of_slices)
```
### Features
- Colors can be passed in any format (thanks to tinycolor)
- rgb
- rgba
- hex
- even by name
- Positon can be given to middle color (Coming soon)
### Example
```
colorsHSV = gradientService.HSVGradient([
'#ff0000',
'#fff',
],10);
```
colorHSV : `["#ff0000","#ff1c1c","#ff3939","#ff5555","#ff7171","#ff8e8e","#ffaaaa","#ffc6c6","#ffe3e3","#ffffff"]`
```
colorsRGB = gradientService.RGBGradient([
'#ff0000',
'#fff',
],10);
```
colorRGB : `["#ff0000","#ff1c1c","#ff3939","#ff5555","#ff7171","#ff8e8e","#ffaaaa","#ffc6c6","#ffe3e3","#ffffff"]`
```
colorsHSV = gradientService.HSVGradient([
'#F44336',
'#4CAF50',
],10);
```
colorHSV : `["#f44336","#ec6d3a","#e5923d","#ddb241","#d5cd43","#b7ce46","#96c648","#78be4a","#5eb74b","#4caf50"]`
```
colorsRGB = gradientService.RGBGradient([
'#F44336',
'#4CAF50',
],10);
```
colorRGB : `["#f44336","#e14f39","#cf5b3c","#bc673f","#a97342","#977f44","#848b47","#71974a","#5fa34d","#4caf50"]`
