Hue Rotation Calculator - Online Shift CSS Filter Value
Enter original and target color to compute the exact CSS hue‑rotate(deg) filter needed. For precise icon and image tinting.
UD5 Toolkit
or click to browse — JPG, PNG, WebP supported
High-resolution images processed locally in your browserYour original photo will appear here
Click a neutral gray/white areaCorrected result will appear here
Enter original and target color to compute the exact CSS hue‑rotate(deg) filter needed. For precise icon and image tinting.
Shift the color temperature of your photo towards warm (orange) or cool (blue). Instant canvas filter. Download result.
Pick colors using the HWB (Hue‑Whiteness‑Blackness) model. Get the CSS hwb() function code. Simpler than HSL for some.
Pick a base color and generate a 10‑step scale where each step meets a specific contrast ratio against white or black. Export as CSS custom properties.
Click colors on an interactive wheel and see the common emotions and meanings associated with them. A design resource.
Flip a coin with adjustable bias (e.g., 70% heads). Used for random decision-making when you want to gently influence outcomes. History & stats shown.
Click any color to see common emotional associations and cultural meanings. Quick design reference.
Start with a base color and generate an extended palette where every shade contrasts properly with white and black. Export tokens.
See how a color is interpreted in different cultures (e.g., red in China vs. Western). Crucial for global web design. Static guide.
Upload any image, add a thick white border and drop shadow, and turn it into a sticker. Download as transparent PNG.
Simulate how images and UI elements appear to users with various types of color blindness. Upload or paste image URL. Promote inclusive design.
Reverse every word in a sentence individually while keeping the word order. 'Hello World' becomes 'olleH dlroW'. Simple fun.
Play infinite sound loops of white, pink, brown, blue, and violet noise. Volume control. Help focus or mask tinnitus.
Reverse entire text, flip letters, or reverse word order. Fun for puzzles and creative writing. Instant transformation without data leaving your browser.
Calculate the perceived brightness of an RGB color and determine if black or white text is more readable. Accessibility tool.
Paste an HTML snippet and check for common ARIA mistakes: missing labels, invalid roles, and aria‑hidden misuse. Educate your team.
Draw a digit (0‑9) on the canvas and a simple neural net guess the number. Educational demo. No upload.
Convert volume and capacity units: gallon (US/UK), liter, milliliter, cup, and fluid ounce. Handy for cooking and science. Works entirely offline.
Validate a language tag like en‑US or zh‑Hans against the IANA registry. Ensure correct HTML lang attribute.
Enter any number up to trillion and get the English word representation. For filling out checks or legal documents.
Fetch a site’s HSTS header and validate its syntax, max‑age, and subdomain flags. Ensure your site enforce HTTPS.
Enter pot volume and tea type to find the right amount of dry leaf considering expansion. Avoid overflowing.
Convert English text to Braille (Grade 1 and simple Grade 2 contractions). Educational tool to understand Braille representation. Local only.
Paste a WebVTT file and instantly check for syntax errors. Validate timestamps and cue formatting. Essential for video devs.
Add N business days to a date, skipping weekends and optionally entering custom holidays. Regional presets.
View the moon phase for any date in past or future. See full moon dates and eclipses for a given year.
Convert plain text into HTML‑safe strings by escaping <, >, &, and quotes. Insert into code safely. Local copy.
Enter current weight and age to estimate adult weight based on growth curves. For purebred and mixed.
Convert carabiner strength from kN to kg/lbs and understand Major Axis vs Minor Axis markings. Quick educational reference for climbers.
Test the experimental Translation API to translate text between languages directly in the browser, without cloud calls. Check support and copy the JavaScript starter.