accentβcolor Tester - Online Form Control Styling
Set a custom accent color for checkboxes, radios, range, and progress. See the browserβs rendering. Copy the CSS.
UD5 Toolkit
Test your knowledge of international QβCodes used in amateur radio
Here's how you did
Q-Codes were first introduced around 1909 by the British government for maritime radiotelegraph communication, making them over 110 years old.
Q-Codes are truly internationalβthey work across all languages. A Japanese ham and a Brazilian ham can communicate essential info using Q-Codes even without sharing a spoken language.
The most famous Q-Code is arguably QSLβit spawned the entire QSL card tradition, with millions of cards exchanged globally each year for over a century.
Set a custom accent color for checkboxes, radios, range, and progress. See the browserβs rendering. Copy the CSS.
Enter a palette of colors and see a grid showing whether each foreground/background pair passes AA or AAA contrast. Must for designers.
Use the lightβdark() CSS function to change colors based on color scheme. Build a simple dark mode toggle with one property.
Test how fast you can convert between binary and decimal. Timed drills with increasing difficulty. Learn baseβ2 fluency.
Stuck in a word scramble game? Enter the scrambled letters and get a list of possible English words. Builtβin dictionary. All local.
Encrypt and decrypt messages using the classic Caesar cipher with configurable shift key. Fun for puzzles and basic cryptography lessons. Entirely browser-based.
Paste body text and test different font/background combos. See an actual passage rendered, not just a ratio. True feel for legibility.
Scramble letters of any word or sentence to create anagrams. Great for brain teasers and vocabulary games. Simple, fun, and client-side.
Unscramble jumbled letters to form words. Timed challenge mode with hints. Compares against built-in dictionary. Improve vocabulary while having fun.
Add grid items beyond defined tracks and see how implicit rows/columns expand. Set sizes interactively. Master the grid.
Classic HSV color wheel with sliders. See hex, RGB, and HSL equivalents. Intuitive for artists. No server interaction.
Match gap size around doors/windows to the correct type of weather stripping (foam, V-strip, door sweep). Save energy.
Adjust the color temperature of your image: move slider to make it warmer or cooler. Quick white balance fix. Local canvas.
Enter a list of names and spin a wheel to pick a random winner. Remove picked names to avoid duplicates. Perfect for classrooms or contests.
Select a color and see which cocktails match it roughly. Blue for Blue Lagoon, red for Negroni. Fun bar guide.
Enter a recent race time and predict times for other distances. Also get lap splits for different intervals.
Quickly convert HEX color codes to RGB values and vice versa. See the color preview. Indispensable for web developers and graphic designers.
Dynamically blend two colors using the CSS colorβmix() function in different color spaces. Copy the exact CSS snippet. No JS required.
Enter a component name and generate a complete RTL test file with render, screen, and common assertions. Fast testing setup.
Create a pure HTML/CSS accordion using <details> elements. Add custom styling and get the clean code. No JavaScript required.
Calculate your running pace per mile/km, finish time for a race, and split times. Essential for runners.
Preview any website inside emulated device viewports (iPhone, iPad, various resolutions). No screenshot, live interaction in an iframe. Local tool.
A replica of the famous Flexbox Froggy game: solve alignment puzzles by writing CSS. Progress saved locally. Fun frontend learning.
Design a light and dark theme by picking colors for backgrounds, text, and links. Get the CSS for both themes. Local.
Type a word like 'sunset' or 'calm' and generate a color palette inspired by that mood. Simple associative mapping.
Test the upcoming contrastβcolor() CSS function. Get white or black automatically for a given background. See it live.
Convert screen RGB colors to print-ready CMYK values. Understand color shifts before printing. Ideal for graphic designers preparing artwork for press.
Enter a Kelvin value (1000β40000) and see the approximate whiteβbalance color. Photography and lighting reference.
Convert RGB and RGBA color values to their HEX or HEX+alpha representation. Live preview and copy CSS color strings instantly.
Generate single random colors or full palettes. Displays hex, RGB, and copy on click. Great for design inspiration.