Color Picker & Palette Studio Free
Select colors, convert between HEX, RGB, HSL, HSV, and CMYK, test WCAG accessibility contrast ratios, and extract color palettes from uploaded images.
#E6570B
Converted Color Formats (1-Click Copy)
#E6570B
#E6570BFF
rgb(230, 87, 11)
rgba(230, 87, 11, 1.00)
hsl(21, 91%, 47%)
hsla(21, 91%, 47%, 1.00)
hsv(21, 95%, 90%)
cmyk(0%, 62%, 95%, 10%)
color: #E6570B;
background-color: rgba(230, 87, 11, 1.00);
border-color: #E6570B;
WCAG 2.1 Accessibility Contrast Checker
Verify readability for web accessibility guidelines (ADA & Section 508 compliance).
3.66 : 1
✕ FAIL
✓ PASS
✕ FAIL
✕ FAIL
Image Eyedropper & Palette Extractor
Upload any screenshot, photo, or brand logo to extract dominant colors and sample pixels.
Understanding Color Models in Web & Print Design
When to use HEX, RGB, HSL, or CMYK in your digital projects.
🌐 HEX & RGB (Screen Displays)
Used across CSS, HTML, and digital screens. RGB combines Red, Green, and Blue light from 0 to 255. HEX represents these values as a 6-digit hexadecimal string.
🎨 HSL (Human-Friendly Tuning)
Hue (0-360° on the color wheel), Saturation (0-100%), and Lightness (0-100%). Ideal for generating harmonious tints, shades, and dark-mode variations.
🖨️ CMYK (Commercial Printing)
Subtractive color model using Cyan, Magenta, Yellow, and Key (Black) inks for print brochures, posters, business cards, and physical merchandise.
👁️ WCAG Contrast (Accessibility)
A ratio comparing the relative luminance of foreground text to its background. Ensures readability across high ambient light and for low-vision readers.
Frequently Asked Questions
What color formats does the Kagazo Color Picker support?
Kagazo converts colors in real-time across 8 models: HEX (#RRGGBB), HEXA (with alpha channel), RGB, RGBA, HSL, HSLA, HSV / HSB, and print CMYK (Cyan, Magenta, Yellow, Key Black).
How do I extract a color palette from my own uploaded image or logo?
Scroll to the "Image Eyedropper & Palette Extractor" section and upload any image (JPG, PNG, WebP). The engine will automatically generate 8 dominant color swatches, and you can click anywhere on the image with the precision cursor to sample individual pixels.
What is the WCAG contrast ratio, and why is it important for web design?
The Web Content Accessibility Guidelines (WCAG 2.1) require a minimum contrast ratio of 4.5:1 for normal text (Level AA) and 7.0:1 for enhanced contrast (Level AAA) to ensure people with visual impairments can read content comfortably.