All Projects β†’ Siddharth11 β†’ Gradstop

Siddharth11 / Gradstop

Licence: mit
JavaScript micro library to generate gradient color stops πŸ³οΈβ€πŸŒˆ

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Gradstop

Tints And Shades
🌈 Display tints and shades of a given hex color in 10% increments.
Stars: ✭ 228 (+58.33%)
Mutual labels:  hex, color-scheme, rgb, colors, color-palette
React Color Extractor
A React component which extracts colors from an image
Stars: ✭ 314 (+118.06%)
Mutual labels:  hex, rgb, hsl, colors
Values.js
πŸ‡ Get the tints and shades of a color
Stars: ✭ 97 (-32.64%)
Mutual labels:  hex, rgb, hsl, colors
colors-convert
🦚 A simple colors library
Stars: ✭ 15 (-89.58%)
Mutual labels:  hex, colors, hsl, rgb
vscode-color
Helper with GUI to generate color codes such as CSS color notations.
Stars: ✭ 88 (-38.89%)
Mutual labels:  hex, color-palette, hsl, rgb
ColorMinePortable
ColorMinePortable
Stars: ✭ 37 (-74.31%)
Mutual labels:  hex, hsl, rgb
color
A library of well-tested helper methods for working with colors.
Stars: ✭ 13 (-90.97%)
Mutual labels:  hex, hsl, rgb
colorsys.rs
Lib for modifying colors and converting to other spaces
Stars: ✭ 28 (-80.56%)
Mutual labels:  hex, hsl, rgb
ColorHelper
No description or website provided.
Stars: ✭ 34 (-76.39%)
Mutual labels:  hex, hsl, rgb
ColorPicker
Customizable Color Picker control for WPF
Stars: ✭ 57 (-60.42%)
Mutual labels:  colors, hsl, rgb
Culori
A comprehensive color library for JavaScript.
Stars: ✭ 271 (+88.19%)
Mutual labels:  hex, rgb, hsl
Colorhighlight
🎨 Lightweight Color Highlight colorizer for Sublime Text
Stars: ✭ 76 (-47.22%)
Mutual labels:  hex, rgb, hsl
Farge
🎈Tell the name of hex color
Stars: ✭ 23 (-84.03%)
Mutual labels:  hex, hsl, rgb
Colore
A powerful C# library for Razer Chroma's SDK
Stars: ✭ 121 (-15.97%)
Mutual labels:  library, rgb, colors
go-rainbow
Golang Helper for beautiful CLI Applications
Stars: ✭ 86 (-40.28%)
Mutual labels:  hex, colors, rgb
Nord
An arctic, north-bluish color palette.
Stars: ✭ 4,816 (+3244.44%)
Mutual labels:  color-scheme, colors, color-palette
Colorful
A curated list of awesome resources to choose your next color scheme
Stars: ✭ 702 (+387.5%)
Mutual labels:  color-scheme, colors, color-palette
color-system
🎨 Easiest way to get a universal color palette
Stars: ✭ 21 (-85.42%)
Mutual labels:  colors, color-scheme, color-palette
Material Palette Generator
🎨 Get perfect Material Design color palettes from any hex color.
Stars: ✭ 114 (-20.83%)
Mutual labels:  hex, color-scheme, colors
Sorted Colors
A tool to sort the named CSS colors in a way that it shows related colors together
Stars: ✭ 167 (+15.97%)
Mutual labels:  rgb, hsl, colors

gradstop

NPM Version NPM Downloads License: MIT Build Status

JavaScript micro library to generate gradient color stops

Demo UMD Bundle

Usage:

npm install gradstop
import gradstop from 'gradstop';

const gradient = gradstop({
    stops: 5,
    inputFormat: 'hex',
    colorArray: ['#343838', '#00DFFC']
});

console.log(gradient);
// rgb(52,56,56), rgb(39,97,105), rgb(26,139,154), rgb(13,181,203), rgb(0,223,252)
Gradient Strip

Default Parameters:

  • inputFormat: 'hex' (supports hex, rgb and hsl)
  • stops: 5
  • colorArray: ['#fff', '#000'] (supports upto 4 values)

Both shorthand(#fff) and standard(#ffffff) format hex values are supported.

Polyfills required:

  • Math.trunc
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].