Visual Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Selected Color
Black Text
White Text
HEX: #4361ee
RGB: rgb(67, 97, 238)
HSL: hsl(230, 83%, 60%)
Lighter / Darker:
Saved Colors
Recently Used Colors
Contrast Ratio Calculator
Check the accessibility of your color combinations
Contrast Ratio
4.5:1
WCAG Rating
What do these ratings mean?
AAA: Excellent contrast (7:1 or higher)
AA: Good contrast (4.5:1 or higher)
Fail: Poor contrast (below 4.5:1)
AA: Good contrast (4.5:1 or higher)
Fail: Poor contrast (below 4.5:1)
Upgrade to ColorCraft Pro
Unlock premium features for your design workflow. Get commercial licensing, advanced palette tools, and priority support.
- ✓ Unlimited color palettes
- ✓ Advanced ratio calculations
- ✓ Export to CSS, SCSS, and more
- ✓ Commercial licensing
- ✓ Priority support
Pro Plan
$49/year
- All premium features
- Commercial license
- Priority support
- Regular updates
- Team collaboration