Lighten Color
Enter a color and this tool will give you lighter shades of color, download color codes in different formats.
Darken Color
Darken Color Values is an online tool designed to make it easy to create darker shades of any color for use on the web. You can select a color using our interactive color picker or enter a specific color code manually in the input fields. The tool then generates multiple darker variations of the chosen color, allowing you to fine-tune the shade to your needs.
The resulting darkened colors are displayed in four popular formats: Hex, RGB, HSL, and HSV, so you can use them directly in your website, app, or design project. Additionally, you can use a slider to lighten or further adjust the original color, giving you full control over your color palette.
This tool is perfect for designers, developers, and anyone looking to create consistent and visually appealing color schemes without guessing or manually calculating shades.
Your color
Darken color by
Original
Darkened color
The slider moves the color that percent of the way towards black. At 100% it is black.
Darkened color in different formats
Shades of your color
Each swatch is your color darkened by that percent. Click one to use it.
Everything is worked out in your browser. The address of this page updates so you can share or bookmark your color.
How to use it
The online darken color is a great tool to help you get a darker color codes of the inputted color.
- Select your colorSelect your color by either entering it in the hex text box, or, select your color with the color picker.
- Fine tune itYou can make small adjustments to the red, green and blue values by increasing or decreasing the values.
- Set the amountThe darker color will display automatically with a 50% darker shade, this can be adjusted by moving the slider left or right.
- Copy the codeOnce you're happy with the darker color, you will be able to copy the new hex code to the clipboard.
- Other formatsThree other color formats are generated if you need them, they are: RGB, HSL and HSV.
Good to know
Pressed and hover states
A 10% to 20% darker version of a button color makes a good hover or pressed state.
Check the contrast
Dark colors work well for text on a light page. Keep enough difference between text and background so it is easy to read.
Build a palette
The row of shades gives you a ready made set of shades of one color for a consistent design.
Frequently asked questions
What does the percentage mean?
It is how far the color moves towards black. At 0% nothing changes, at 50% the color is halfway to black, and at 100% it is pure black. The color tone (hue) stays the same.
What is the difference between HEX, RGB, HSL and HSV?
They are different ways to write the same color. HEX and RGB mix red, green and blue. HSL and HSV describe a color by its hue, how strong it is (saturation) and how light it is. HEX, RGB and HSL work in CSS directly. HSV is mostly used in design programs.
Can I type a short color code?
Yes. A short code such as #c44 is read as #cc4444. The # is optional.
Why does a light color not get much darker?
The change is a share of the way to black, so a small percent gives a small step. Use a higher percent to move further.
Is my color stored or sent anywhere?
No. Everything is worked out in your browser. The color is only added to the address of the page so you can bookmark or share it.
Related tools
Invert Color
Use this online tool to get the inverted color of an entered shade. Different color code formats available.
Blend Colors
Interesting online tool that will give you a blended color of two selected colors.
Color Converter
Simple to use tool to find out different codes for a color you enter. Also displays complementary colors that might be useful.
Sponsors
Check Shortened URLs
Expand shortened URLs to view the destination link.
Copy Paste List
Copy and paste or download lists in your preferred format, including plain text, PDF, or HTML.
Unicode Characters & Emojis
Search all Unicode characters and emojis plus other tools.
Advertise Here
Advertise your company and products here!