Comments (5)
Vibrant isn't an exact copy of Palette. I'm satisfied with it's results, and I don't really see it as an issue.
But if somebody wants to improve it to be more matching with the 'real thing' then they can go ahead and send a PR.
For 1:1 results check out the sweet Material Palette Generator by @marijnvdwerf.
from vibrant.js.
Also, if you're able to use PHP, I recommend https://github.com/marijnvdwerf/material-palette-php. I'm way better in PHP than in JS, and I was able to port this fairly easily. It's based on the latest version of the Android library, and should (technically) offer closer results.
from vibrant.js.
I think the colours used in sample imagery is not really generated by Pallete. Those bright blue and red don't even appear in the artwork in the "screenshot", let alone being able to survive Pallette's algorithm.
from vibrant.js.
@marijnvdwerf They do not appear directly indeed, but the artwork has shades of red/blue in it. That's why I think there's some kind of post processing going on, trying to match the raw colors to the palette (500 for red and A700 for blue)
@jariz It was just a question, not an issue. GitHub doesn't allow users to tag their issues (at least I haven't been able to find out how).
from vibrant.js.
I think it just grabs a random color from the material color scheme for the secondary color. (maybe using the image as seed or something to make sure the generated colors stay the same)
Or it's just hardcoded 😛
from vibrant.js.
Related Issues (20)
- CDN availability HOT 3
- new Vibrant() on <img style="display:none"> is a really bad idea HOT 2
- Black & white (grayscale?) image generates palette with colors HOT 6
- How to import Vibrant using jspm HOT 2
- [bug] global variable "index" HOT 4
- Demo not working in Safari or Firefox HOT 4
- Quality of zero does not let the loop proceed HOT 1
- Is License MIT? HOT 3
- Color does not look right HOT 1
- Vibrant.js + masterslider HOT 1
- Cross-origin image load denied by Cross-Origin Resource Sharing policy. HOT 1
- Incorrect Analysis HOT 1
- Gulpfile's compilerPath is hardcoded to a path that doesn't exist HOT 1
- Add possibility to save palette image HOT 1
- Cannot read property map of undefined HOT 3
- Imagem from div background HOT 3
- Unhandled rejection SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D' HOT 2
- Add mention to the algorithm used HOT 1
- Security dom exception on mobile ios (Both safari and chrome) HOT 1
- canvas added in the body HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vibrant.js.