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.
Enter a text color and background color and instantly see if the combination passes WCAG AA and AAA ratio. Safe colors.
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.
Paste a set of hex colors and simulate how they appear with common color vision deficiencies. Get contrast warnings.
Calculate the perceived brightness of an RGB color and determine if black or white text is more readable. Accessibility tool.
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.
Paste an SVG and check if the graphic‑aria roles are used correctly. Improve accessible diagrams and icons.
Paste an HTML snippet and check for common ARIA mistakes: missing labels, invalid roles, and aria‑hidden misuse. Educate your team.
Paste HTML snippet and highlight interactive elements missing accessible labels. Quick a11y audit.
Build a 3D card flip effect and toggle backface‑visibility. See the hidden back face. Copy the complete CSS.
Enter an HTML snippet and see a rough transcription of what a screen reader might announce. Check alt texts.
Reverse any short video clip and download the backward version. Fun for creative effects. Browser‑based.
Convert .srt subtitles to .vtt format for web video players. Preserves all timestamps and formatting. Local.
Validate a language tag like en‑US or zh‑Hans against the IANA registry. Ensure correct HTML lang attribute.
Create a 5‑star rating widget using only HTML and CSS. Customize colors and size. Copy the clean code.
Convert plain text into HTML‑safe strings by escaping <, >, &, and quotes. Insert into code safely. Local copy.
See how a PWA can extend content into the title bar area on desktop. Customize the window controls overlay.
Enter any number up to trillion and get the English word representation. For filling out checks or legal documents.
Paste any DNS record and check if its format is valid for the selected record type (A, AAAA, CNAME, MX, TXT, SRV). Prevents typos.
View the moon phase for any date in past or future. See full moon dates and eclipses for a given year.
Paste JavaScript and catch syntax errors instantly with line numbers. Lightweight pre‑commit check. Local.
Paste a string of weather emojis and get a written weather forecast. Fun and educational emoji tool.
Paste a WebVTT file and instantly check for syntax errors. Validate timestamps and cue formatting. Essential for video devs.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Create SEO‑friendly slugs that handle characters from any language. Removes accents, converts Cyrillic, Greek, etc. to Latin. Local.
Instantly convert plain text into HTML‑safe escaped characters for secure display in web pages. Prevent cross‑site scripting. All processing local.
Interactive visual guide to figure out if a door is left-handed or right-handed. Click through steps. Avoid ordering the wrong door.
Paste your manifest.json and instantly validate it against the W3C spec. Catch errors and warnings. Client‑side.
Set your birth date and see a live countdown with days, hours, minutes, and seconds. Shareable link. Pure frontend.