OKLCH Color Picker & Converter - Online Perceptive Color
Select colors in the OKLCH space with lightness, chroma, and hue. Convert to hex, RGB, and CSS oklch(). Perceptually uniform gradients.
UD5 Toolkit
Calculate the perfect vinegar, water & salt ratio for your homemade pickles
Select colors in the OKLCH space with lightness, chroma, and hue. Convert to hex, RGB, and CSS oklch(). Perceptually uniform gradients.
Pick colors from a palette or use the eye dropper to sample colors from your screen. Converts between HEX, RGB, HSL. An essential tool for designers.
Generate a recipe idea to use up sourdough discard. Includes pancakes, crackers, cake, etc. Reduce waste.
Classic HSV color wheel with sliders. See hex, RGB, and HSL equivalents. Intuitive for artists. No server interaction.
Select playing style (rhythm, lead, strumming) and string gauge to get the recommended pick thickness in mm.
Calculate developed length for a bend. Enter thickness, angle, inside radius, and K-factor. Essential for metalworking.
Use the browser's native eyedropper tool to pick any color from the screen. Shows zoomed preview. Quick and easy.
Spin a wheel or randomize to get a chemical element with fascinating facts and description. Great for kids.
Select a color and see which cocktails match it roughly. Blue for Blue Lagoon, red for Negroni. Fun bar guide.
Calculate number of charcoal briquets for Dutch oven cooking temp. Also includes multi-stage cooking time.
Use <input type='color'> and see its change events and value in hex. Understand the native color picker. Quick demo.
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.
Find the official name of any hex color from the extended color dictionary. Search by name to get the hex code. Handy for CSS and design language.
Interactively create colors in HWB space and get the CSS hwb() function. Simplifies tint/shade workflows. Live preview.
Choose a base color and see its complementary, split‑complementary, triadic, and tetradic harmonies. Copy palettes. Local.
Pick colors using the HWB (Hue‑Whiteness‑Blackness) model. Get the CSS hwb() function code. Simpler than HSL for some.
Convert between pace (min/km, min/mile) and speed (km/h, mph). Predict race finish times for 5k, 10k, half and full marathon based on a recent split. Works offline.
Simulate the 7‑bag randomizer to see upcoming piece sequences. Practice your opening for competitive Tetris.
Pick a random hymn or worship song from a curated list. Useful for spontaneous sing‑alongs or service planning.
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
Match gap size around doors/windows to the correct type of weather stripping (foam, V-strip, door sweep). Save energy.
Randomly picks a specific aspect to focus on (naming, security, performance) during code review. Sharpen reviews.
Enter color in any CSS format and see all other representations. Live preview. Swatch history.
A sound-enabled spinning wheel with your custom options. Exciting animation and result reveal. Local only.
Convert RGB and RGBA color values to their HEX or HEX+alpha representation. Live preview and copy CSS color strings instantly.
Enter HSL values and get the exact RGB representation. Also shows hex. For fine‑tuning design tokens. Client‑side.
Enter your bag dimensions and compare against major airline carry-on and checked limits. Visual pass/fail gauge. Avoid gate fees.
Quickly convert HEX color codes to RGB values and vice versa. See the color preview. Indispensable for web developers and graphic designers.
Searchable list of Q-codes with meanings. Also includes RST system. Prepare for license.
See the Pantone Colors of the Year and popular palettes from past years. Get hex codes. Design inspiration.