English
Kiswahili
Français
العربية
Applying Settings...
Loading
.
.
.
Color Picker Tool
Select, convert, and manage color values with palette generation, contrast checking, and favorites.
You have 5 palette generations remaining.
Login for unlimited access.
Step 1: Pick a Color
Use the color picker or enter a color value
Step 2: View Formats
See HEX, RGB, HSL, and CMYK values
Step 3: Generate Palette
Create complementary color schemes
Step 4: Check Contrast
Verify accessibility with WCAG standards
Step 5: Save Favorites
Store up to 5 colors for quick access
Color Selection
Choose a color using the picker or enter a value
#6366f1
Color Formats
Copy values in different formats
HEX
#6366f1
RGB
rgb(99, 102, 241)
HSL
hsl(238, 85%, 67%)
CMYK
cmyk(59, 58, 0, 5)
Favorite Colors
Save up to 5 colors for quick access
Color Palette
Complementary colors based on your selection
Contrast Checker
WCAG accessibility compliance
Sample Text
4.5:1
Sample Text
4.5:1
WCAG Guidelines
- AA Rating: Minimum contrast ratio of 4.5:1 for normal text
- AAA Rating: Minimum contrast ratio of 7:1 for normal text
Live Preview
See how your color looks in context
Heading Example
This is how your selected color looks as a background with text content.