Color & design

Browse 20 Murelio browser utilities for color and css visual tools. Open each focused tool immediately without installing software or creating an account.

• Color Converter

  Convert a HEX color into useful RGB/HSL-style representations and suggest a readable on-color.

• Color Picker

  Pick a color by HEX input, browser EyeDropper, or recent colors and preview related harmony swatches.

• Palette Generator

  Generate either a role-based harmony palette or a stepped scale from one HEX color.

• Contrast Checker

  Calculate foreground/background relative-luminance contrast and show WCAG AA/AAA pass states.

• CSS Gradient Generator

  Build a three-color CSS linear-gradient from HEX colors, angle, and middle-stop position.

• Color Shades Generator

  Generate a requested number of progressively darker shades from one base color.

• Color Tints Generator

  Generate a requested number of progressively lighter tints from one base color.

• Complementary Color

  Generate a complementary pair by moving the base color's HSL hue about 180 degrees around the color wheel.

• Analogous Colors

  Generate 3–7 analogous harmony colors around a narrow hue range near the base.

• Triadic Colors

  Generate a triadic harmony of three colors spaced 120 degrees apart in hue.

• Color Blender

  Linearly mix two HEX colors at a 0–100% ratio and calculate the intermediate color.

• Color Temperature Preview

  Convert a Kelvin value to an approximate RGB/HEX preview color.

• Box Shadow Generator

  Build a CSS box-shadow from X/Y offsets, blur, spread, opacity, inset, and color controls.

• Text Shadow Generator

  Generate CSS text-shadow from X/Y offsets, blur, and color.

• Border Radius Generator

  Set four corner radii in px or % and generate the CSS border-radius shorthand.

• Glassmorphism Generator

  Generate glassmorphism CSS combining translucent white, backdrop blur, border, shadow, and radius.

• Neumorphism Generator

  Generate flat, concave, or convex neumorphism CSS from a base color and paired light/dark shadows.

• CSS Grid Generator

  Generate a basic CSS Grid container from column count, row count, and gap.

• CSS Flexbox Generator

  Generate a CSS Flexbox container from direction, justify-content, align-items, and gap controls.

• SVG Wave Generator

  Generate an SVG wave background from two colors, height, curve, reverse, and layer count, with file download.