Skip to content
Runs privately in your browser

Free Online Color Tint and Shade Generator

Mix a color with white or black by an entered percentage in sRGB component space.

Your input stays on this device. Processing is bounded; regex runs in a worker with a two-second timeout.

Result



How to use Color Tint and Shade Generator
Mix a color with white or black by an entered percentage in sRGB component space.
  1. Set Color.
  2. Set Percentage.
  3. Set Mode.
  4. Run the tool, review the result and its stated limitations, then copy or download if needed.
Example & practical use
Mix a color with white or black by an entered percentage in sRGB component space. The example below demonstrates Color; Percentage; Mode.
Example input:
{
  "color": "#ff0000",
  "percentage": 50,
  "mode": "tint"
}
Expected result (relevant fields):
"#ff8080"
Features & result limitations
Mix a color with white or black by an entered percentage in sRGB component space.
Frequently asked questions
What inputs does Color Tint and Shade Generator accept?
Color; Percentage; Mode
How should I interpret the Color Tint and Shade Generator result?
Mix a color with white or black by an entered percentage in sRGB component space.
Where does Color Tint and Shade Generator process my data?
Inputs are processed locally in your browser. Submitted text is not sent to external services. A successful-run event increments an aggregate tool counter without your input.