#8B5CF6YOUR SELECTED COLOR
USE IT & YEET IT.
YeetusColor
Your next great color starts here. Pick it, pair it, preview it.
Find your color.
Choose a color or enter a HEX, RGB, or HSL value.
Copy your color
Tap any value to copy it.
Live preview
A LITTLE COLOR GOES A LONG WAY
Make something good.
Preview an accent on text, buttons, and a background.
A colorful link →Transparency is shown over a checkerboard. HEX with alpha includes opacity.
Shades & tints
Tap a variation to make it your selected color.
Pull colors from a picture.
Open a photo, then click or tap a pixel to select its color.
Your image stays on this device.
Keyboard: arrow keys move the picker; Enter selects. Transparent pixels are sampled over white.
Image palette
Representative colors estimated from the visible image.
Images are resized for sampling. Very small details may not appear in the extracted palette. Animated images use one decoded frame.
Colors that belong together.
Build a palette from your selected color, or roll the dice.
Click a color to select it. Use × to remove a color. Up to 12 colors.
Make every word readable.
Check text and background colors against WCAG contrast thresholds.
Uses opaque colors. This check measures color contrast; it does not certify the accessibility of a whole page.
The quick brown fox.
This is ordinary body text. Good contrast helps people read comfortably.
Aacontrast ratio
Normal text: AA ≥ 4.5:1, AAA ≥ 7:1. Large text: AA ≥ 3:1, AAA ≥ 4.5:1. Large means at least 18 pt, or 14 pt bold.
A smooth transition.
Build a gradient and take the CSS with you.
Color stops
Adjust each color and its position. Stops are sorted by position.
PNG export is 1600 × 900 pixels.