palette
Designer Kits
UI/UX helpers — colors, typography, image assets, and CSS values. · 14 tools
Text & RegexRuns locally in your browser.Lorem Ipsum GeneratorGenerate classic lorem ipsum placeholder paragraphs.Web & CSSRuns locally in your browser.CSS FormatterExpand and indent CSS with one declaration per line.Web & CSSRuns locally in your browser.Color ConverterConvert colors between HEX, RGB, and HSL with a live swatch.Web & CSSRuns locally in your browser.Color Contrast CheckerCheck text/background color pairs against WCAG contrast ratios.Web & CSSRuns locally in your browser.CSS Unit ConverterConvert between px, rem, em, and pt at a configurable base size.Web & CSSRuns locally in your browser.px to rem ConverterConvert pixel values to rem at your root font size.Web & CSSRuns locally in your browser.rem to px ConverterConvert rem values to pixels at your root font size.Web & CSSRuns locally in your browser.Box Shadow GeneratorDesign CSS box shadows visually and copy the generated code.Web & CSSUses the network.Website Style AnalyzerExtract a public page's observed design system — colors, type, spacing, components — with honest confidence.Files & MediaRuns locally in your browser.Image ConverterConvert images between PNG, JPEG, and WebP — without uploading them.Files & MediaRuns locally in your browser.Image ResizerResize images to exact dimensions or percentages on your device.Files & MediaRuns locally in your browser.Image to Base64Encode an image as a Base64 data URI for inline embedding.Files & MediaRuns locally in your browser.Base64 to ImageDecode a Base64 string or data URI back into a viewable image.Files & MediaRuns locally in your browser.SVG to Data URIConvert SVG markup into a CSS-ready data URI.