tintcraft.Free · No account

Design / Color tints & shades

One color. A wider vocabulary.

Build a palette by mixing a HEX color with white and black in sRGB. Compare labeled swatches and download CSS custom properties.

Make a little space ↓

YOUR OWN LITTLE WORKSPACE

Color tints & shades

Your input stays in this browser tab.

Ready when you areLOCAL WORKSPACE

Room for your next small idea.

Make it yours on the left.
Your workspace will appear here.

Temporary by design. Download anything you want to keep.

◌ Works on your device◇ No login or subscription↧ Keep what you make

A LITTLE DIRECTION

From a small idea to something useful.

01

Pick an opaque base color and a CSS prefix.

Pick an opaque base color and a CSS prefix.

02

Generate evenly spaced mixes toward white and black.

Generate evenly spaced mixes toward white and black.

03

Inspect the HEX values and export CSS variables.

Inspect the HEX values and export CSS variables.

GOOD TO KNOW

A few useful answers.

What does this version support?

Encoded sRGB channel mixing, not perceptually uniform color. Text on swatches uses a contrast-based choice for labels; palette colors are not automatically accessible together.

Does my input leave this page?

Working input stays in this browser tab. Optional Google Analytics loads only after your consent on official Lavmio domains and receives action counts, not your input. Opening Feedback loads a separate Tally form. See Privacy for details.

Is the example real user data?

No. The example was written for this website. Names, projects and book titles in examples are fictional. Load it only if you want to explore; nothing is prefilled as your work.

Will my workspace be saved?

No. Reloading or closing the tab clears it. Download your result first. Print uses your browser dialog; Save as PDF may be available there, depending on your browser.

Who makes this?

Tintcraft is an independent Lavmio project. Use Feedback to describe a bug or request a feature. No affiliation with products linked as references is implied.

Background reference: maketintsandshades.com ↗. Our interface, sample text and code are independently made.

A little more to explore

DotfolioDot & grid paper generator ↗TypeladderModular typography scale ↗GradientlaneCSS gradient studio ↗

Your work stays yours.

Files and text are processed in this browser tab. The tool does not upload your working files or text. Feedback is optional: opening Feedback loads a Tally-hosted form, and submitted feedback is processed by Tally. The form is not attached to your working files. No advertising is installed. On our official lavmio.com websites, optional Google Analytics loads only after you allow it. It measures visits, approximate location, device/browser information, tool completion and download actions. Working files, text, filenames and form contents are not attached. Page query strings, fragments and referrer paths are excluded. We disable advertising features and automatic form/link tracking. Your preference is stored for six months across Lavmio websites; Google Analytics cookies also expire after six months. Use Analytics choices in the footer to change your choice or withdraw permission. Google processes measurement data; see how Google uses information from partner sites. Preview addresses do not run analytics.

This workspace is temporary and is cleared when reloaded. Like any website, the hosting server can receive ordinary page-request information, such as your IP address.

Downloads are saved to your device. Check results before using them in a production workflow.