Color Tools
Color pickers, palettes, contrast checkers, and accessibility. This category lists 46 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable.
Practice color skills with browser games
Pair palette and contrast tools with short color games. Memorize swatches on Dialed, match harmonies on Method Color, then validate picks with converters and compare tools.
- Dialed Color GameColor game on dialed.gg—color match and color memory online: memorize five swatches, play color daily, or multiplayer on Uwarp.
- ColorColor method game on color.method.ac—matching color games for hue, harmony, and color guessing on Uwarp.
- Hex TestHex test and hex code game—guess the hex code from swatches in MadeByShape’s 10-level color code quiz on Uwarp.
- Color ReviewColor review with blindness simulation and WCAG checks—color.review on Uwarp.
- Color ContrastAPCA contrast checker for perceptual contrast—colorcontrast.app on Uwarp, no download required.
- Color & ContrastEvaluate text and UI color combinations with a fast accessibility contrast checker.
- Accessible Brand Colors (ABC)ADA compliant color palette: test ADA colors and brand pairs with Use All Five’s Accessible Brand Colors (ABC) on Uwarp.
- AlphredoAlpha colors: translucent swatches that match opaque colors on a chosen background—Alphredo on Uwarp with HSLA, HEX, and JSON export.
- CCColorHex to HSL converter with clear hex codes and transparent color values—fffuel CCColor on Uwarp for CSS and HTML.
- PalitraColor palette discovery on palitra.app: a simple in-browser flow to explore schemes and hand off values; use the live app for current exports and any account terms.
- PicularPicular: color palette from words—search a subject and sample hues from image results on picular.co.
- PppaletteFriendly color palette generator for beautiful, harmonious color schemes.
- ColorDropPeacock green, icy blue, muted green, and named color palettes from colordrop.io on Uwarp.
- ColordotColordot color dot picker—hue saturation controls and HEX from color.hailpixel.com on Uwarp.
- Eva Design ColorsEva color palette on colors.eva.design—semantic colors and design system scales from a primary for UI and dashboards.
- GoodpaletteGoodpalette.io UI color palettes—generate combinations for design systems; duotone Shape Factory how-to on the origin site.
- Happy HuesHappy Hues: cute colors and happy color palettes in sample UI—copy hex, browse fun and joyful hue sets.
- Tints and ShadesTints and shades generator: color tints, shading scales, and hex export for UI ramps and tokens.
- ColorionTwo tone color, dual palettes, double complementary schemes, and CSS gradient buttons from colorion.co.
- Color Palette BuilderWedding color scheme maker with hexagon palette and harmonies—ColorDesigner builder on Uwarp.
- Gradient GeneratorGradient generator and calculator: build CSS color blends, tune steps, and copy HEX, RGB, and HSL values.
- GrabientCSS gradient maker on grabient.com—edit stops, copy background CSS. Builder workflow on Uwarp; compare preset libraries on /uigradients.
- ColorSpaceColorSpace: space color palettes, CSS gradients, and 3-color blends from one anchor on mycolor.space.
- Gradient HuntGradient Hunt gallery: gradient UI, best gradient colors, and two-color combinations for heroes and cards.
- Color HuntAutumn, winter, and summer color palettes—pastel pink, wedding colors, and combos on Color Hunt via Uwarp.
- Color MixerColor mixing chart and color wheel mixer—blend colors and copy HEX, RGB, and HSL on ColorDesigner via Uwarp.
- Hue Tools MixMix two colors and control blend ratio in real time, then copy HEX output for interface themes and visual experiments.
- Hue Tools InfoInspect and convert color information in HEX format for quick checks, comparison, and handoff into design and code workflows.
- Hue Tools ModifyAdjust and refine a color in HEX format for controlled updates to tone, balance, and practical UI usage.
- Hue Tools BlendBlend and transition between colors in HEX format to explore smooth intermediate values for UI and brand systems.
- Huemint Brand IntersectionGenerate brand-focused color palettes with contrast targets, lockable swatches, and iterative AI-assisted exploration.
- Color Name FinderIdentify color names across multiple libraries, including HTML, X11, NTC, and Pantone-style references, with value-based lookup.
- Color ConverterHex to RGB and hex to CMYK converter—ColorDesigner on Uwarp for HSL, LAB, CMYK, and RGB color conversion.
- Color Palette From ImageColor palette for image uploads and URLs—extract dominant colors and copy HEX on ColorDesigner via Uwarp.
- Image Color PickerPick exact pixel colors from uploaded images, URLs, or clipboard input with configurable sampling controls and HEX, RGB, HSL output.
- Random Color GeneratorRandom color generator: hex generation, pixel batches, and rainbow picks—copy HEX, RGB, and HSL.
- RandomA11yRandomA11y: accessible color combinations and WCAG contrast-safe foreground and background pairs.
- Realtime ColorsRealtime Colors: in-context palette preview, color dashboard, contrast checks, and CSS or Tailwind export.
- Color WheelColor wheel triads, square schemes, and HSV harmonies—ColorDesigner color wheel on Uwarp.
- ColorkitTints and shades generator, color combiner, and RGB blending from colorkit.io on Uwarp.
- Color Leap1940s color palette and history color codes by decade—Color Leap on Uwarp for era-based design reference.
- ColorMagicTropical colors, 80s color palettes, and AI magic color combinations—Color Magic on Uwarp.
- Colour Contrast Checkercolourcontrast.cc colour contrast analyser—test foreground and background pairs, review WCAG-style grades, and validate readable text.
- Coolors Trending PalettesCoolors trending color palettes—skin tone, rainbow, pastel, monochromatic, and popular combinations for UI and brand work.
- ColorSchemer schemesBrowse ColorSchemer palette schemes for fresh color inspiration, trending combinations, and downloadable references for UI and brand workflows.
- ColorSchemer gradientsBrowse ColorSchemer gradients for trend-aware color transitions, gradient inspiration, and downloadable references for UI and campaign visuals.
- Contrast CheckerCheck foreground and background color combinations against WCAG-style contrast targets for normal text, large text, and UI components.
- Compare ColorsColorDesigner color compare—hex compare, Delta E color difference calculator, and side-by-side distance for design QA.
- Color Palette GeneratorGenerate coordinated color palettes for interface and brand exploration, then export values for design system and implementation workflows.
About Color Tools
Color pickers, palettes, contrast checkers, and accessibility. This category lists 46 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable. You can explore each tool page to understand the use case, output format, and how to reuse results in design and frontend projects.
How teams use Color Tools
Common workflows for this category.
- Start quickly with color tools: Open any tool in this category and work directly in your browser without setup or account steps.
- Reuse outputs in design workflows: Use generated SVG, image, and text outputs in Figma files, marketing pages, and product UIs.
- Keep your workflow focused: Each color tools tool solves one clear task, so you can move from idea to usable output faster.
Related tool categories
Browse other categories to find complementary tools for your workflow.
Frequently Asked Questions
Have questions? We have answers.