color-ramps

A website that uses hue shifting to find good color ramps for pixel art.

About

The approach how colors are calculated is based on the idea of this video. In short: First we pick a start color. We calculate the rest of the color scheme by lowering saturation and shifting hue and brightness to one direction.

Technologies used

These technologies are used to develop this website:

• SVG.js (used to make SVG rectangles)
• Chart.js (used to make chart)
• Pickr (used to make color picker)

Related links

• Youtube video by Mort about how to find good colors for palettes
• Blog entry by Slynyrd about color palettes
• Pixeljoint thread about how to create a palette