About
AG Color is a free color tool that lets designers and developers work with everyday color codes instantly, with no signup or install.
Key features
Color converter — convert all five notations, HEX, RGB, HSL, HSV and CMYK, in real time in one place, with a large preview swatch and one-click copy.
Palette generator — turn a single base color into complementary, analogous, triadic, tetradic and shade palettes automatically.
CSS gradient — adjust two colors and the angle to instantly copy linear-gradient and radial-gradient code.
CSS color names — search all 141 standard CSS named colors and copy their HEX values.
Privacy
All calculations happen entirely in your browser; none of the values you enter are ever sent to or stored on a server. Only your recently used colors are kept in local storage for convenience.
Frequently asked questions
What is the difference between HEX and RGB?
HEX is a hexadecimal #RRGGBB notation, while RGB expresses red, green and blue as 0–255 values. For example, #FF0000 is the same color as rgb(255, 0, 0). Enter any one format here and the others update in real time.
Are the CMYK values accurate?
Screens (RGB) and print (CMYK) use different color gamuts, so they never match perfectly. The CMYK here is a standard formula-based approximation; real printed color depends on the print profile.
What are complementary and analogous colors?
Complementary colors sit 180° across the color wheel for strong contrast, while analogous colors are within 30° on either side for a harmonious combination.
How do I use the gradient I made?
Copy the generated background: linear-gradient(...) code and paste it directly into the CSS style of your element.
How many CSS color names are there?
Standard CSS defines 148 keywords including spelling aliases like gray/grey; this table shows the 141 distinct colors with duplicate spellings removed. All of them, including rebeccapurple, work in modern browsers.