PixelKit: Design & Dev Tools

NEW: THE COLOR SUITE • Contrast Grid — a WCAG matrix for your whole palette, every pairing graded at a glance • Tint & Shade Ramp — a 50–900 scale from one base color, with CSS, Tailwind and SwiftUI export • Scrim Solver — the minimum overlay that makes text readable on any image • Dark Mode Counterpart, Alpha Flattening, Colorblindness Check, Color Difference (ΔE2000), Gradient Repair and System Colors NEW: LAYOUT & TYPOGRAPHY • Column Grid — container, columns, gutters and margins in, column width and spans out • Spacing Scale, Baseline Grid, Tracking Converter and Text Expansion NEW: REFERENCE & HANDOFF • Device Database, Social Media Sizes, Icon Sizes and a live Dynamic Type table • Shadow & Blur Translators — Figma values to CSS to SwiftUI • Special Characters, Viewing Distance and a QR Generator ALSO IN 4.1 • The contrast checker now suggests the nearest passing color, adds APCA (draft WCAG 3) and a UI-component mode • OKLCH and Display P3 in the color space converter • A real iPad app: tools fill the screen, stacked tall in portrait and side-by-side in landscape • Find any tool from iOS search, press ⌘K on a hardware keyboard, or tap the paste chip when your clipboard holds a number