🛠️ Herramientas de Diseño CreativeCR

Herramientas profesionales para diseñadores y desarrolladores web

📐 Calculadora de Aspect Ratio
Aspect Ratio: 16:9
Ratio Visual
🎨 Convertidor de Colores
HEX: #f5aa5f
RGB: rgb(245, 170, 95)
HSL: hsl(30, 87%, 67%)
🔤 Calculadora de Tipografía
H1: 32px
H2: 24px
H3: 20px
H4: 16px
Body: 16px
Small: 12px
📏 Calculadora de Espaciado
xs: 4px
sm: 8px
md: 16px
lg: 24px
xl: 32px
xxl: 48px
⚡ Calculadora de Contraste
Ratio: 21:1 (AAA)
Cumple WCAG: ✅
🌈 Generador de Gradientes
background: linear-gradient(to right, #f5aa5f, #bfa082);
🔧 Herramientas Adicionales

📱 Breakpoints Responsive

Mobile: 320px - 768px
Tablet: 768px - 1024px
Desktop: 1024px - 1440px
Large: 1440px+

🎯 Z-Index Layers

Dropdown: 1000
Sticky: 1020
Fixed: 1030
Modal: 1040
Popover: 1050
Tooltip: 1060

⏱️ Transiciones

Fast: 150ms
Normal: 250ms
Slow: 350ms
Easing: ease-in-out
💾 Exportar Configuración

Exporta tu configuración personalizada para usar en tus proyectos:

CreativeCR
Herramientas Profesionales de Diseño
Costa Rica | creativecr.es