Color & Font Picker

Advanced picker extension that detects color, font and size information with compact design.

🎨Advanced Color Picker Interactive color picker with live preview Smart color variations - 5-shade palette (±2 shades from original) Compatible color harmonies - Analogous, complementary, triadic colors Multiple formats - HEX and RGB with instant conversion One-click copying - Automatic clipboard integration Manual input support - Type colors directly in HEX or RGB format 🔤 Font & Typography Inspector Element inspector - Click to analyze any text element Comprehensive font data - Family, weight, size in multiple units Color detection - Text and background colors Multi-unit sizing - Pixels, Points, and REM units Element information - Tag details and text content Instant copying - Click any field to copy to clipboard 📏 Spacing & Box Model Analyzer Visual box model - Interactive margin, border, padding, content display Precise measurements - Exact spacing values in pixels Element selection - Click to analyze any element's box model Content dimensions - Width and height measurements Box sizing information - CSS box-sizing property detection 🔄 Px - Rem and CSS Converter Automatic unit conversion - Effortlessly switch between px, rem, %, and other units Two-way conversions - Instantly convert between CSS, Tailwind CSS, and Bootstrap Supports multiple properties - Convert common values for colors, font sizes, and spacing Clear and simple interface - Easy to use with one-click clear and convert actions One-click copying - Copy converted values directly to your clipboard