LambdaTest is TestMu AIWhite ArrowWhite Arrow

World’s largest virtual agentic engineering & quality conference

WHENAUG 19-21
WHEREVirtual · Global
Register Now

Color Shade Generator - TestMu AI (Formerly LambdaTest)

Generate a complete palette of tints and shades from any color. Pick your base, choose how many steps, and export as CSS variables or JSON.

Categories

...

3000+ Browsers. One Platform.

See exactly how your site performs everywhere.

Try it free
...

Write Tests in Plain English with KaneAI

Create, debug, and evolve tests using natural language.

Try for free
...
TestMu Conf 2026

World's largest virtual agentic engineering & quality conference

...

AUG 19-21, 2026

REGISTER NOW
Base Color
Number of Shades
10
Generated Shades
10 shades · click to select · hover to copy

#FDE9E7

100

#F9BDB8

200

#F59089

300

#F2645A

400

#EE382B

500

BASE

#D41E11

600

#A5180D

700

#76110A

800

#470A06

900

#180302

1000

Select the color shade above to get color values below

Base Color — #BC1A0F
HEX#BC1A0F
RGBrgb(188, 26, 15)
HSLhsl(4, 85%, 40%)
HSVhsv(4, 92%, 74%)
CMYKcmyk(0%, 86%, 92%, 26%)
CSS Variables Preview
:root {
--color-shade-100:#FDE9E7;
--color-shade-200:#F9BDB8;
--color-shade-300:#F59089;
--color-shade-400:#F2645A;
--color-shade-500:#EE382B;
--color-shade-600:#D41E11;
--color-shade-700:#A5180D;
--color-shade-800:#76110A;
--color-shade-900:#470A06;
--color-shade-1000:#180302;
}

Frequently Asked Questions

What is a color shade generator?

A color shade generator takes any base color and produces a range of darker shades, lighter tints, and muted tones, giving you a full palette from a single hex value.

What is the difference between shades, tints, and tones?

A shade is a color mixed with black, a tint is a color mixed with white, and a tone is a color mixed with gray. The generator creates all three from your base color.

Can I export the generated colors?

Yes, you can copy any color's hex code and export the palette as CSS variables or JSON for use in your projects.

Is the color shade generator free to use?

Yes, the tool is completely free, requires no signup, and runs directly in your browser.

Did you find this page helpful?

More Tools

Code Formatters & Minifiers
Code Converters
Compare & Diff Tools
JSON Prettify JSON Minify HTML Prettify HTML Minify JS Minify CSS Minify CSS Prettify XML Minify XML Prettify JS Obfuscator YAML Formatter & Beautifier SQL Formatter & Beautifier SQL Minify JS Beautifier Lua Beautifier PHP Formatter Python Formatter & Beautifier GraphQL Formatter XML Editor XML Formatter WSDL Formatter SOAP Formatter Typescript Formatter Markdown Formatter JSON Validator XPath Tester XPath Generator JSONPath Tester HTML Validator XML Validator YAML Validator CSS Validator CSV Validator JSON Schema Validator JavaScript Validator & Linter HTML Tester JavaScript Tester HTML Viewer HTML Formatter Javascript Regex Tester CSS Selector Tester MySQL Syntax Checker

TestMu AI forEnterprise

Get access to solutions built on Enterprise
grade security, privacy, & compliance

  • Advanced access controls
  • Advanced data retention rules
  • Advanced Local Testing
  • Premium Support options
  • Early access to beta features
  • Private Slack Channel
  • Unlimited Manual Accessibility DevTools Tests