This is a WIP 3D color picker, intended to make picking aesthetic colors easy based on perceptual color models, and to show how color spaces actually work.
burnt-umber's Introduction
burnt-umber's People
Contributors
Watchers
burnt-umber's Issues
Covert to display space and embedding space and back
CIE colors
Update readme
Embed oklab
Overlay cursors (and other elements)
HSV/HSL General approach
More generic
Should be able to see any color space with just forward and inverse functions
Show history of selections
Keyboard Controls
spectrum to colors (in pallette?)
Chop off top of space when decreasing brightness
Display where axes are
Zoom
history clear all
Optional GPU acceleration
Should be able to have vertex locations calculated on the GPU, if desired
Linear and Polar
Fix cursor position
Button to switch between linear and polar
Switch color, space embeddings, embed other color spaces
Show color as background of text and as text on black, white backgrounds
and borders on hover
Create color space trait
Display as rgb, hex
Graphs
Palette generation
color input via text
Embeddings that come with programs or other more customizable renering
There is currently one shader, multiple would be nice
Try doing it in js + svelte
Use three js
Maybe also culori
Show history in color space
OKLab shader
Half cylinder
Enter/exit element functions
Handle enter/exit for palette
Interactive grid
Make the grid element interactive, so you can click on it to select a color
buttons to copy
Change cylindrical/cartesian
Create documentation, examples
Allow js-driven rendering
Currently the render loop makes it so that data can flow out of the color picker, but not the other way around, because the loop takes ownership of the color picker.
It would be nice for that to be an option, but to also have the option of calling a render() function every frame from JS, and also then be able to set parameters of the picker (linear/cylindrical for example)
Triangle embed and show quads as one color
Overlay for color chip to show info? Or just show info of selected color somewhere
Show info of all colors in history as accordion/dropdown
YCbCr (PR in pallette?)
remove from history
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.