Web & design
Blend two HEX colors
Blend two HEX colors with editable inputs, an explained method, a worked example and clearly stated output limits.
Home / Categories / Web & design
Web & design
Choose a tool. The method, example and assumptions are included.
Web & design
Color contrast ratio
Color contrast ratio: WCAG relative luminance: linearize sRGB, L=0.2126R+0.7152G+0.0722B; ratio=(lighter+.05)/(darker+.05)
Web & design
Color palette from a HEX color
Generate complementary, analogous, triadic or split-complementary HEX colors by rotating the hue of a base color.
Web & design
CSS border-radius generator
CSS border-radius generator with editable inputs, an explained method, a worked example and clearly stated output limits.
Web & design
CSS box-shadow generator
CSS box-shadow generator with editable inputs, an explained method, a worked example and clearly stated output limits.
Web & design
CSS linear gradient generator
Generate and copy a CSS linear-gradient declaration from two HEX colors and an angle.
Web & design
Fluid font-size CSS clamp generator
Fluid font-size CSS clamp generator with editable inputs, an explained method, a worked example and clearly stated output limits.
Web & design
HEX to RGB and HSL
HEX to RGB and HSL: Parse sRGB hexadecimal channels; convert normalized RGB to cylindrical HSL
Web & design
Pixels and rem converter
Pixels and rem converter with editable inputs, an explained method, a worked example and clearly stated output limits.
Web & design
QR code generator
QR code generator: Encode text into a PNG QR code with medium error correction