leungwensen/palettes

Color Palettes, view & make

palettes

Color Palettes, view & make. https://leungwensen.github.io/palettes/

Roadmap

core features

• palette READ / UPDATE / DELETE
• visualization in color space (3D / 2D / 1D)
  • HCL
  • HSL
  • LAB
  • RGB
  • HSV
• preset palettes (over 1k palettes available)
  • AntD3
  • CMOcean
  • CMOcean
  • CartoColors
  • ColorBrewer2
  • CubeHelix
  • MatPlotLib
  • MyCarta
  • Tableau
  • Tableau10
  • WesAnderson
• show distance matrix of every pair colors in palette
  • HCL
  • HSL
  • LAB
  • RGB
• generate gradient palette from 1 color
• generate gradient palette from multiple colors
• generate palette from color scale (using kmeans, force vector, etc.)
• generate palette from image (quantize)
• color blind testing
• show palette in UI components / Charts

UI / interaction

• copy color to clipboard
• palettes LOAD / SAVE to localStorage, etc.
• label in color blocks should switch color according to color
• current palette save to localStorage
• D&D support to sort colors in palette
• load palette from image / txt / JSON
• (hold) use global state (like redux, etc.) to cache all component states
• ...

Thanks to

• STRML/react-grid-layout A draggable and resizable grid layout with responsive breakpoints, for React
• ant-design/ant-design A UI Design Language
• casesandberg/react-color Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
• facebook/react A declarative, efficient, and flexible JavaScript library for building user interfaces
• gka/chroma.js JavaScript library for all kinds of color manipulations
• jiffyclub/palettable Color palettes for Python
• lodash/lodash A modern JavaScript utility library delivering modularity, performance, & extras
• plotly/plotly.js Open-source JavaScript charting library behind plot.ly and Dash