Utilities & Previewers

Common developer aids, colors, and preview tools.

Showing 13 - 18 of 18 guides

Bcrypt Hash Generator

Local Browser

Step-by-step guide on how to use bcrypt hash generator safely in your browser. Learn how it works, inputs required, outputs produced, and privacy rules.

InputsPlain text password and round parameters

OutputsBcrypt Hash String

Use Utility Read Guide

CSS Gradient Generator

Local Browser

Step-by-step guide on how to use css gradient generator safely in your browser. Learn how it works, inputs required, outputs produced, and privacy rules.

InputsColor stops and angle directions

OutputsCSS linear/radial gradient code

Use Utility Read Guide

CSS Box Shadow Generator

Local Browser

Step-by-step guide on how to use css box shadow generator safely in your browser. Learn how it works, inputs required, outputs produced, and privacy rules.

InputsShadow offsets, blur, spread and color parameters

OutputsCSS box-shadow code snippet

Use Utility Read Guide

WCAG Color Contrast Checker

Local Browser

Step-by-step guide on how to use wcag color contrast checker safely in your browser. Learn how it works, inputs required, outputs produced, and privacy ...

InputsForeground and background HEX/RGB colors

OutputsContrast ratio and WCAG compliance status

Use Utility Read Guide

SVG Optimizer

Local Browser

Step-by-step guide on how to use svg optimizer safely in your browser. Learn how it works, inputs required, outputs produced, and privacy rules.

InputsRaw SVG Image File / Code

OutputsOptimized Minified SVG Output

Use Utility Read Guide

PDF Image Extractor

Local Browser

Step-by-step guide on how to use pdf image extractor safely in your browser. Learn how it works, inputs required, outputs produced, and privacy rules.

InputsPDF Document (.pdf)

OutputsExtracted Image Files (PNG, JPG)

Use Utility Read Guide

1 2

Back to Developer Utilities Series