Herramienta de Diseño
Convertidor de Colores
Convierte HEX ↔ RGB, HSL, HSV, CMYK en tiempo real. Paletas armónicas, contraste WCAG, exporta CSS y Tailwind.
HEX · RGB · HSL · HSV · CMYK
WCAG Contraste
CSS · Tailwind
Formatos
HEX
RGB
RGBA
HSL
HSV
CMYK
CSS
HEX8
RGB Deslizadores
HSL Deslizadores
Alpha / Opacidad
Historial
#7F00FF
WCAG Contraste
Aa
Aa
Armonías
Degradado
Export CSS / Tailwind
CSS Variables + Tailwind
Formatos de color en CSS
HEX
Formato hexadecimal de 6 dígitos (RRGGBB) u 8 (RRGGBBAA). El más usado en CSS y diseño. Ej: #FF6600
HSL
Tono (0–360°), Saturación (0–100%), Luminosidad (0–100%). Más intuitivo para crear variaciones de color. Nativo en CSS3.
CMYK
Cian, Magenta, Amarillo, Negro — modelo sustractivo para impresión. No soportado en CSS, pero esencial para preparación de impresión.
WCAG
El ratio de contraste WCAG 2.1 determina la accesibilidad: AA requiere 4.5:1 (texto normal), AAA requiere 7:1. Esencial para accesibilidad web.
FAQ
Divide el código hex en 3 pares (RR, GG, BB) y convierte cada par de hexadecimal a decimal. Ej: #FF6600 → R=255 (FF), G=102 (66), B=0 (00).
HSL (Luminosidad) define el blanco en L=100% y negro en L=0%. HSV/HSB (Valor) define el blanco en V=100%+S=0% y negro en V=0%. HSL es preferido en CSS, HSV en software de diseño como Photoshop.
El WCAG define niveles de contraste mínimo entre texto y fondo. Nivel AA (mínimo): 4.5:1 para texto normal, 3:1 para texto grande. Nivel AAA (óptimo): 7:1 para texto normal.