Handy tools
Color codes dictionary
Copy HEX, RGB and HSL codes for 52 named colors — from red and blue to crimson and teal.
Reds
Oranges & browns
Yellows
Greens
Blues
Purples & pinks
Neutrals
Recommended Content
Convert HEIC, WebP and PNG to JPG, PNG or WebP in your browser. Up to 30 photos at once, free, no upload.
Paste text, pick from 15 mask shapes, get a word-frequency cloud — and download a PNG, all for free.
Resize, crop and compress photos in your browser. Up to 20 images at once, target size in KB, JPG/WebP/PNG output, no upload.
Find faces in a photo automatically and pixelate, blur or block them out in your browser, with no upload.
Pull 5–10 main colors from a photo with their % share, HEX, RGB and HSL codes, plus the closest named color.
Merge up to 30 photos into one JPG or PNG: stacked, side by side or in a grid. Scrolling screenshots stitch without overlaps, no upload.
Draw pixel art online for free on a 16x16, 32x32 or 64x64 grid, then save a crisp PNG with a transparent background.
Check whether a photo shows where it was taken, then remove EXIF and GPS data without quality loss. Up to 30 photos, no upload.
A free HEX color codes chart covering 52 named colors in seven families, from basic red and blue to crimson, teal and indigo. Fifty of them are standard CSS named colors, so you can also write the keyword itself (crimson, forestgreen) in your stylesheet; amber and mint are common design names with no CSS keyword. Each color page shows a large swatch and the HEX, rgb() and hsl() values in ready-to-paste CSS format — tap a card to copy it. Below that you get a five-step palette (two darker shades, the original, two lighter tints) and four related colors from the same family. Search by color name or HEX code. No sign-up.
Frequently Asked Questions
Q. How many colors are in the color codes chart?
A. 52 named colors, grouped into seven families: reds, oranges & browns, yellows, greens, blues, purples & pinks, and neutrals. 50 of them are standard CSS named colors; amber (#FFBF00) and mint (#3EB489) are common design names with no CSS keyword.
Q. Which code formats can I copy?
A. HEX, RGB and HSL, each in CSS-ready form. Crimson, for example, copies as #DC143C, rgb(220, 20, 60) or hsl(348, 83%, 47%).
Q. How is the shades and tints palette made?
A. It has five steps: the color mixed with 40% and 20% black, the original, and the color mixed with 25% and 50% white. Tap any swatch to copy its HEX.