Color & Font Picker

About

🎨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