Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

colorPalettes

Public visualization

colorPalettes

1 star1🌍 Public
GGabriel Ing
Last edited Feb 17, 2025
Created on Feb 15, 2025

This interactive visualization showcases color palettes generated by rotating the hue of a base color. The view displays six columns, each containing nine shades that transition from light to dark via a linear scale, alongside a row of original base colors. Users can click any color square to copy its hex value to the clipboard, which triggers a temporary tooltip confirming the action. Built with d3.v7, the SVG graphic uses d3.hsl to manipulate hue, d3.scaleLinear to interpolate lightness and saturation, and d3.select for DOM interactions.

AI-generated description

Creates a scale of colors.

The finished product for this piece can be found on my website

Comments

Sign in to join the discussion.

MIT Licensed