Color Creator
Create your own color and view all color codes instantly.
Color Codes
Click on codes or the copy icon to copy them.
HEX
RGB
HSL
CMYK
Fine Adjustments
Palette Options
Custom Color Analysis
Select a base color to see auto-generated harmonies.
Complementary
Analogous
Monochromatic
Triadic
Add stop: click anywhere on the rail. Delete: drag down or double click.
Gradient Settings
135°
Active Stop Settings
Popular Gradients
Drag and drop an image
or click to browse from your computer
Auto Extracted Colors
Top 6 dominant colors from the photo.
Upload an image to analyze
Selected Colors
List of colors picked by clicking the image.
No colors selected yet
Contrast Settings
Choose foreground and background colors to test WCAG readability.
WCAG Compliance
4.5:1
Contrast Ratio
Visual Preview
Aa
Large Heading (24px Bold)
This is normal body text. Designers and developers use contrast checking to make sure their text is accessible for visually impaired users.