Developer tools

Browse all tools in the "Developer tools" category and subcategories.

Code generation

Box Shadow Generator (web-toolbox.dev)

Free tool for visually adjusting and generating CSS box-shadow values. Intuitively set offset, blur, spread, color, and inner/outer shadow, then copy the generated CSS code.

Developer tools

Brand Color × Text Color Generator (toolpods.io)

Generate an accessible text color palette based on your brand colors. Provides color combinations with sufficient contrast ratios for readability.

Developer tools

Case Style Converter (lazesoftware.com)

Converts between space-separated, camelCase, PascalCase, snake_case, and kebab-case naming conventions. A developer utility for quickly switching identifier styles.

Encode & decode

Character Code Web (char.onl.jp)

A web tool that displays Unicode code points, UTF-8 byte sequences, and HTML character references for any input character. Useful for investigating character encoding issues and verifying encodings.

Developer tools

Color Code Converter (www.oh-benri-tools.com)

An online tool for converting between RGB (decimal), hexadecimal, RGBA, and CSS color formats. Instantly displays results in multiple formats in real time after input.

Validation

Color Contrast Checker (web-toolbox.dev)

Free tool for calculating the contrast ratio between two colors and checking whether they meet WCAG accessibility standards (AA and AAA). Useful for checking text and background color readability.

Encode & decode

Color Converter (web-toolbox.dev)

Free tool for converting between color code formats such as HEX, RGB, HSL, and HSV. Enter a color code to view all format values at once.

Developer tools

Color Extractor (web-toolbox.dev)

Free tool for bulk-extracting color codes such as HEX, RGB, and HSL from text or CSS. Handy for pulling all color information from large stylesheets or HTML.

Developer tools

Color Eyedropper (web-toolbox.dev)

Free tool for picking any color on screen using an eyedropper and displaying it as HEX, RGB, HSL, and more. Browser-based using the EyeDropper API.

Developer tools

Color Palette Generator (toolpods.io)

Automatically generate harmonious color palettes. Input a base color to create complementary, analogous, or other color schemes with HEX, RGB, and HSL codes.

Playground

Color Web (color.onl.jp)

A color picker web tool to select colors and convert them to HEX, RGB, HSL, and other color code formats. Useful for checking color palettes in web design and creative work.

Minify

Compress JS and CSS (www.piliapp.com)

An online JavaScript and CSS minifier. Compress JS and CSS code by removing whitespace, comments, and redundant characters to reduce file sizes for faster web pages.

123...