The Color Palettes & Contrast department at Public Media Tool provides an engineered suite of browser-based utilities tailored for high-speed, client-side execution. Designed to streamline daily workflows across Design & Media, each tool operates entirely inside your local web browser engine without uploading files, numbers, or text strings to external cloud servers. Whether you are conducting quick everyday conversions, validating technical parameters, or formatting high-volume data payloads, these tools deliver instantaneous results with zero latency and complete data confidentiality.
Upload an image to pick exact pixel colors or extract dominant color palettes.
Open Tool →Test text and background color ratios against WCAG 2.1 AA and AAA standards.
Open Tool →Convert color codes seamlessly between HEX, RGB, HSL, and HSV formats.
Open Tool →Create gorgeous linear and radial CSS gradients with multi-stop color controls.
Open Tool →Pick colors and convert between HEX, RGB, HSL, HSV, CMYK, and CSS string values.
Open Tool →Calculate WCAG 2.1 contrast ratio for foreground text against background colors.
Open Tool →Generate complementary, triadic, monochromatic, and analogous color palettes.
Open Tool →Convert #RRGGBB or 3-digit #RGB hex strings into rgb(r, g, b) and rgba() values.
Open Tool →Convert rgb(r, g, b) values (0-255) into standard 6-digit #RRGGBB hex strings.
Open Tool →Convert HSL hue (0-360°), saturation (%), and lightness (%) into HEX and RGB.
Open Tool →Convert HEX color codes into CSS hsl(hue, sat%, light%) strings.
Open Tool →Generate a 10-step gradient scale from dark shade to base color to light tint.
Open Tool →Design smooth multi-stop linear and radial CSS gradient backgrounds.
Open Tool →Blend two colors together across N steps using RGB or Lab color space.
Open Tool →Find the closest matching default Tailwind CSS v3 color shade for any HEX code.
Open Tool →Simulate Protanopia, Deuteranopia, Tritanopia, and Achromatopsia vision.
Open Tool →Find human named color names (e.g. "Cerulean", "Coral", "Teal") for any HEX.
Open Tool →Convert CMYK print ink percentages (C%, M%, Y%, K%) to screen RGB & HEX.
Open Tool →Convert HSV / HSB (Hue, Saturation, Value/Brightness) into RGB and HEX.
Open Tool →Generate pleasing random HEX colors with one-click spacebar refresh.
Open Tool →Generate Material Design 50 to 900 color shade swatches for Android & Web.
Open Tool →Browse modern Flat UI, Metro, and Pastel color swatches with 1-click copy.
Open Tool →Generate elegant monochromatic palettes varying lightness and saturation.
Open Tool →Generate 3 adjacent analogous color wheel swatches (30° hue offset).
Open Tool →Calculate vibrant 120° equidistant color wheel triadic triplets.
Open Tool →Generate 4-color rectangle tetradic schemes pairing 2 complementary sets.
Open Tool →Find the nearest matching Pantone spot ink code for any digital HEX color.
Open Tool →Calculate WCAG relative luminance (Y value 0.0 to 1.0) for any color.
Open Tool →Filter and search all 148 official named CSS colors with live swatches.
Open Tool →Generate Material Design dark mode surface elevation grays (1dp to 24dp).
Open Tool →Calculate CIE76 Delta E perceptual distance between two colors.
Open Tool →Generate soft, high-lightness, low-saturation pastel color swatches.
Open Tool →Generate vibrant high-saturation neon colors for dark gaming UI.
Open Tool →Generate muted mustard, terracotta, sage green, and warm vintage swatches.
Open Tool →Pick shadow and highlight color pairs for Spotify-style duotone images.
Open Tool →Convert color temperature in Kelvin (1000K candle to 10000K blue sky) to RGB.
Open Tool →Convert any color palette array into clean CSS :root variables.
Open Tool →Export color swatches as Design Tokens JSON for Figma and Style Dictionary.
Open Tool →Upload photos to extract top 5 dominant colors using Canvas quantization.
Open Tool →Test WCAG contrast ratios across every combination pair in a 5-color palette.
Open Tool →Check if 6-digit #RRGGBB colors can be shortened to 3-digit #RGB CSS shorthand.
Open Tool →Rotate hue of any color by +30°, +90°, +180° around the HSL color wheel.
Open Tool →Increase or decrease color saturation percentage from vibrant to desaturated gray.
Open Tool →