01
PALETTETIDY · COLOR WORKSPACE
Paleta · I-convert · Contrast
Sa browser pinoproseso ang mga kulay. Nananatili sa device ang mga larawan.
02
03
04
05
Press Space to explore. Lock the colors you love.
Preview
YOUR NEXT CHAPTER
Make room for good ideas.
A calmer space for your next project.
Explore the possibilities ↗Drop a JPG, PNG or WebP here. Up to 15 MB and 32 megapixels.
Selected color
#6D72C3
Click the image to sample a color.
Kunin ang paleta
Sa browser pinoproseso ang mga kulay. Nananatili sa device ang mga larawan.
I-convert
#6D72C3
CMYK is an approximate, profile-free conversion. Verify print colors with an ICC workflow.
Shades & tints
Contrast
4.44:1Contrast ratio
WCAG 2.2: normal text AA ≥ 4.5:1, AAA ≥ 7:1. Large text AA ≥ 3:1, AAA ≥ 4.5:1. Large means at least 24 CSS px, or about 18.67 px bold.
Aa
Make room for good ideas.
A calmer space for your next project.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Gradient
Simula ng bawat ideya.
Detailed help below is in English. All primary controls are available in Filipino.
01
Create
Generate a palette, choose a starting point, or extract the colors from an image.
02
Refine
Lock your favorites. Check real text contrast and preview your colors in a layout.
03
Take it with you
Copy CSS, download design tokens or share a link. No account needed.
Frequently asked questions
Are my images uploaded?
No. Images are decoded and sampled inside your browser tab. The website has no image upload endpoint. Ads and optional analytics make separate network requests.
Will my palette be saved?
Your work stays in this tab. Download it or copy a share link before closing. The link stores color codes in its fragment, not in a database. Language and privacy choices may be remembered on this device.
Does a passing contrast score guarantee accessibility?
No. This tool checks opaque sRGB color pairs. Fonts, size, focus states, backgrounds, gradients and context still need testing. Do not communicate meaning with color alone.
What formats can I convert?
Enter 3- or 6-digit HEX, RGB, HSL or one of the listed CSS names. Read HEX, RGB, HSL, HSV, approximate CMYK and OKLCH. Alpha colors are intentionally not accepted, since the background changes their appearance.