Category 08 of 22
Design
Colors, typography, layout helpers
9 tools
Color Converter
Convert colors between HEX, RGB, HSL, HSV, HWB and CMYK.
Color Picker
Pick a color from the screen or a swatch, copy as HEX/RGB/HSL.
Palette Generator
Generate complementary, analogous, triadic, monochromatic and random palettes.
Contrast Checker
WCAG contrast ratio between foreground and background colors.
Font Inspector
Hover any text on the page to see font family, size, weight, and line height.
Responsive Viewer
Preview the active URL in multiple device viewports side by side.
SVG Grabber
Extract inline SVGs from the page and copy as SVG or JSX.
Layout Wireframe
Toggle colored outlines on all elements to debug layout and spacing.
CSS Generator
Generate gradients, box shadows, border radius and glass effects.
All 9 design tools, one click away
Install once and every category lives in your side panel, ready whenever you need it.