ColorMagic
colormagic.appTurn a text description or photograph into a colour palette.
Turn a text description or photograph into a colour palette.
Pick a physical screen pixel and paste a colour value in your code style
Connect physical colour references with digital palettes and design files.
Use NCS notations and tools to communicate colour choices.
Parse CSS colour strings and build adjusted values in JavaScript.
Build palettes around a fixed colour and carry them into gradients
Adjust CSS colours and calculate contrast with focused JavaScript functions.
Stack gradient layers and turn the composition into CSS.
Repeating SVG backgrounds with colour, opacity and generated CSS
Write HTML, CSS, and JavaScript in a browser editor with an updating preview.
Build colour tools with JavaScript objects, conversions and gamut controls.
A Windows web-code editor with language-aware tools, project navigation and FTP publishing.
Build an eleven-step scale and export variables for a web project.
Edit a colour system in perceptual coordinates and copy design tokens.
Control gradient colour positions and the transitions between them.
Filled and outlined interface symbols packaged as CSS.
A website editor for writing HTML, CSS, and JavaScript with a directly editable Live View.
Reshape colour relationships on a grid and export reusable LUTs.
Collect screen colours and hand palettes to Mac design tools.
Image to HTML CSS converter that turns a design into a live site.
Calculate colour from spectral samples and compare the results in Python.
Look up colour values, compare schemes and calculate blends.
Learn CSS selectors by choosing items on a table
Start from one colour and preview a palette in an interface.