All Projects → fast-average-color → Fast Average Color

fast-average-color / Fast Average Color

Licence: mit
🍏🍊🍅 Fast Average Color

Programming Languages

javascript
184084 projects - #8 most used programming language
js
455 projects
ts
41 projects

Projects that are alternatives of or similar to Fast Average Color

Dynamiccolor
Yet another extension to manipulate colors easily in Swift and SwiftUI
Stars: ✭ 2,677 (+404.14%)
Mutual labels:  color, gradient
gradient-rs
A command line tool for playing with color gradients
Stars: ✭ 93 (-82.49%)
Mutual labels:  color, gradient
colr
Easy terminal colors, with chainable methods.
Stars: ✭ 32 (-93.97%)
Mutual labels:  color, gradient
Kaloader
Beautiful animated placeholders for showing loading of data
Stars: ✭ 99 (-81.36%)
Mutual labels:  color, gradient
Hue
🎨 Hue is the all-in-one coloring utility that you'll ever need.
Stars: ✭ 3,306 (+522.6%)
Mutual labels:  color, gradient
Colorbands
Unity 3D's Gradient is a handy data type but comes with some limitations: for example you cannot set more than 8 color keys in its editor and RGB is the only color space available. ColorBand data type offers an alternative with less limitations. Creating ColorBands is fun and easy; they are stored as assets and can be accessed from code through an Evaluate method to get the color at time t, as for Gradient. RGB (or HSV) values are described by individual curves, allowing a better control over how the color function evolves between your points. Color bands are used in all kinds of applications including games, data visualization and other fields.
Stars: ✭ 137 (-74.2%)
Mutual labels:  color, gradient
Extract-Color-Palette-Api
Create gradient drawable by extracting prominent colors from image⚫⚪
Stars: ✭ 16 (-96.99%)
Mutual labels:  color, gradient
Height-Based-Gradient-Color-Shaders-for-Unity
Height Based 2 color gradient shaders for Unity
Stars: ✭ 18 (-96.61%)
Mutual labels:  color, gradient
canvas-color-tracker
A utility to track objects on a canvas by unique px color
Stars: ✭ 29 (-94.54%)
Mutual labels:  color, canvas
elm-color-extra
🎨 Additional color handling for Elm
Stars: ✭ 28 (-94.73%)
Mutual labels:  color, gradient
Colorgrad
Go (Golang) color scales library for maps, charts, data-visualization & creative coding.
Stars: ✭ 96 (-81.92%)
Mutual labels:  color, gradient
Chromatic Sketch
Sketch plugin for creating good-looking and perceptually uniform gradients and color scales.
Stars: ✭ 445 (-16.2%)
Mutual labels:  color, gradient
Color.js
Extract colors from an image (0.75 KB) 🎨
Stars: ✭ 42 (-92.09%)
Mutual labels:  color, canvas
Uigradient
A simple and powerful library for using gradient layer, image, color
Stars: ✭ 208 (-60.83%)
Mutual labels:  color, gradient
Complimentarygradientview
Create complementary gradients generated from dominant and prominent colors in supplied image. Inspired by Grade.js
Stars: ✭ 691 (+30.13%)
Mutual labels:  color, gradient
downscale
Better image downscale with canvas.
Stars: ✭ 80 (-84.93%)
Mutual labels:  fast, canvas
Coolhue
Coolest Gradient Hues and Swatches
Stars: ✭ 3,307 (+522.79%)
Mutual labels:  color, gradient
Gradient String
🌈 Beautiful color gradients in terminal output
Stars: ✭ 476 (-10.36%)
Mutual labels:  color, gradient
React Fastclick
Fast Touch Events for React
Stars: ✭ 476 (-10.36%)
Mutual labels:  fast
Wx Charts
微信小程序图表charts组件,Charts for WeChat Mini Program
Stars: ✭ 4,633 (+772.5%)
Mutual labels:  canvas

Fast Average Color

NPM version NPM Downloads Dependency Status bundlephobia

A simple library that calculates the average color of any images or videos in browser environment.

Features

  • Bet on speed
  • Some algorithms: simple, sqrt (default) and dominant
  • Small bundle size, tree shaking
  • Average color can be obtained from:
    • image
    • string (url of image)
    • video
    • canvas
    • array of numbers, Uint8Array or Uint8ClampedArray
  • Average color can be obtained from specific part of resource
  • Support for transparency (PNG, SVG and other formats)
  • Support for web workers
  • Support for Node.js

Table of contents

Unhandled Rejection (SecurityError): The operation is insecure.

The crossOrigin attribute allows images that are loaded from external origins to be used in canvas like the one they were being loaded from the current origin. Using images without CORS approval taints the canvas. Once a canvas has been tainted, you can no longer pull data back out of the canvas. By loading the canvas from cross origin domain, you are tainting the canvas.

You can prevent this by setting crossorigin="anonymous".

More examples

See code

License

MIT License

Links

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].