Color Recall
FREE
Color memory game—memorize five swatches, then recreate each hue, saturation, and brightness with HSB controls on Uwarp.
Color Tools
Color pickers, palettes, contrast checkers, and accessibility. This category lists 50 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 Game
FREEColor game on dialed.gg—color match and color memory online: memorize five swatches, play color daily, or multiplayer on Uwarp.
Color
FREEColor method game on color.method.ac—matching color games for hue, harmony, and color guessing on Uwarp.
Hex Test
FREEHex test and hex code game—guess the hex code from swatches in MadeByShape’s 10-level color code quiz on Uwarp.
Color Review
FREEColor review with blindness simulation and WCAG checks—color.review on Uwarp.
Accessible Brand Colors (ABC)
FREEADA compliant color palette: test ADA colors and brand pairs with Use All Five’s Accessible Brand Colors (ABC) on Uwarp.
Alphredo
FREEAlpha colors: translucent swatches that match opaque colors on a chosen background—Alphredo on Uwarp with HSLA, HEX, and JSON export.
CCColor
FREEHex to HSL converter with clear hex codes and transparent color values—fffuel CCColor on Uwarp for CSS and HTML.
Palitra
FREEColor 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.
Picular
FREEPicular: color palette from words—search a subject and sample hues from image results on picular.co.
Pppalette
FREEFriendly color palette generator for beautiful, harmonious color schemes.
ColorDrop
FREEPeacock green, icy blue, muted green, and named color palettes from colordrop.io on Uwarp.
Colordot
FREEColordot color dot picker—hue saturation controls and HEX from color.hailpixel.com on Uwarp.
Eva Design Colors
FREEEva color palette on colors.eva.design—semantic colors and design system scales from a primary for UI and dashboards.
Goodpalette
FREEGoodpalette.io UI color palettes—generate combinations for design systems; duotone Shape Factory how-to on the origin site.
Happy Hues
FREEHappy Hues: cute colors and happy color palettes in sample UI—copy hex, browse fun and joyful hue sets.
Tints and Shades
FREETint and shade generator: tints and shades from hex, color tints, color shading scales, and 10% steps with HEX, CSS, and JSON export.
Colorion
FREETwo tone color, dual palettes, double complementary schemes, and CSS gradient buttons from colorion.co.
Color Palette Builder
FREEColor palette generator with triad, split-complementary, and monochromatic harmonies—wedding color scheme maker embedded from ColorDesigner.
Gradient Generator
FREEGradient generator and calculator: build CSS color blends, tune steps, and copy HEX, RGB, and HSL values.
Grabient
FREECSS gradient maker on grabient.com—edit stops, copy background CSS. Builder workflow on Uwarp; compare preset libraries on /uigradients.
ColorSpace
FREEColorSpace: space color palettes, CSS gradients, and 3-color blends from one anchor on mycolor.space.
Gradient Hunt
FREEGradient Hunt gallery: gradient UI, best gradient colors, and two-color combinations for heroes and cards.
Color Hunt
FREEAutumn, winter, and summer color palettes—pastel pink, wedding colors, and combos on Color Hunt via Uwarp.
Color Mixer
FREEColor mixing chart and color wheel mixer—blend colors and copy HEX, RGB, and HSL on ColorDesigner via Uwarp.
Hue Tools Mix
FREEMix two colors and control blend ratio in real time, then copy HEX output for interface themes and visual experiments.
Hue Tools Info
FREEInspect and convert color information in HEX format for quick checks, comparison, and handoff into design and code workflows.
Hue Tools Modify
FREEAdjust and refine a color in HEX format for controlled updates to tone, balance, and practical UI usage.
Hue Tools Blend
FREEBlend and transition between colors in HEX format to explore smooth intermediate values for UI and brand systems.
Huemint Brand Intersection
FREEBrand color palette generator with AI: contrast targets, lockable swatches, and iterative exploration for brand identity color systems.
Color Name Finder
FREEIdentify color names across multiple libraries, including HTML, X11, NTC, and Pantone-style references, with value-based lookup.
Color Converter
FREEHex to RGB and hex to CMYK converter—ColorDesigner on Uwarp for HSL, LAB, CMYK, and RGB color conversion.
Color Palette From Image
FREEColor palette for image uploads and URLs—extract dominant colors and copy HEX on ColorDesigner via Uwarp.
Image Color Picker
FREEEyedropper tool online—find hex from image pixels, match colors, copy HEX, RGB, and HSL.
Lighten Color
FREELighter color online—lighten any hex toward white, preview lighter hues, copy HEX, RGB, and HSL with an amount slider.
Darken Color
FREEDarker color online—darken any hex toward black, preview dark hues and darker shades, copy HEX, RGB, and HSL with an amount slider.
Change Color Saturation
FREESaturate color online—change saturation on any hex, desaturate or boost vividness, copy HEX, RGB, and HSL.
Greyscale Desaturate Color
FREEGrayscale color online—desaturate any hex, copy grayscale hex codes and neutral RGB or HSL instantly.
Invert Color
FREEColor inverter online—invert any hex to its RGB negative, get opposite color output, and copy inverted HEX, RGB, and HSL instantly.
Tetrad Color Scheme
FREETetradic color scheme online—build tetrad colors from any hex, see square and rectangular examples, copy four harmonious HEX and RGB values.
Square Color Scheme
FREESquare color wheel scheme online—generate four evenly spaced square colors from any hex and copy HEX, RGB, and HSL values.
Random Color Generator
FREERandom color generator: hex generation, pixel batches, and rainbow picks—copy HEX, RGB, and HSL.
RandomA11y
FREERandomA11y: accessible color combinations and WCAG contrast-safe foreground and background pairs.
Realtime Colors
FREERealtime Colors: in-context palette preview, color dashboard, contrast checks, and CSS or Tailwind export.
Color Wheel
FREEColor wheel triads, square schemes, and HSV harmonies—ColorDesigner color wheel on Uwarp.
Colorkit
FREETints and shades generator, color combiner, and RGB blending from colorkit.io on Uwarp.
Color Leap
FREE1940s color palette and history color codes by decade—Color Leap on Uwarp for era-based design reference.
ColorMagic
FREETropical colors, 80s color palettes, and AI magic color combinations—Color Magic on Uwarp.
Colour Contrast Checker
FREEColour contrast analyser for background and foreground pairs—live WCAG ratio, color contrast analyzer grades, hex RGB HSL controls, and text preview.
Coolors Trending Palettes
FREECoolors trending color palettes—skin tone, rainbow, pastel, monochromatic, and popular combinations for UI and brand work.
Color Scheme Generator
FREEColorSchemer replacement for color schemes: generate complementary, analogous, triadic, tetradic, split complementary, and monochromatic palettes with HSL output.
CSS Gradient Generator
FREEColorSchemer gradients replacement: create linear and radial CSS gradients, edit HEX color stops, copy background code, and download SVG references.
Compare Colors
FREEColorDesigner color compare—hex compare, Delta E color difference calculator, and side-by-side distance for design QA.
Color Palette Generator
FREEGenerate 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 50 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.
SVG Generators
Backgrounds, patterns, shapes, waves, and 3D-style SVG generators for web layouts, illustrations, and design exports.
Icons & Graphics
Icon libraries, illustrations, doodles, and ready-to-use SVG asset collections for product UI.
Font Tools
Font conversion, @font-face helpers, inspection tools, and typography utilities.
Mockups & Device Frames
Device mockups, screenshot framing, and presentation templates.
Image & Conversion
Image tracing, OCR, SVG to PNG, Base64 encoding.
Text & Lists
Line-based text tools for sorting, reverse order, cleanup, and quick list formatting.
Frequently Asked Questions
Have questions? We have answers.