¿Qué es el color HEX?

El color HEX es una representación hexadecimal de 6 dígitos de un color usado en diseño web (ej., #FF5733). Los dos primeros dígitos representan rojo, los dos del medio verde y los dos últimos azul.

¿Cuál es la diferencia entre RGB y HSL?

RGB define colores por valores de Rojo, Verde y Azul (0-255). HSL define colores por Matiz (0-360 grados), Saturación (0-100%) y Luminosidad (0-100%), lo cual suele ser más intuitivo.

¿Cómo uso estos formatos de color en CSS?

En CSS, usa HEX como color: #FF5733; RGB como color: rgb(255, 87, 51); y HSL como color: hsl(11, 100%, 60%). Los tres producen el mismo color.

🎨

Conversor de Colores

Convierte colores entre formatos HEX, RGB y HSL

Tus archivos nunca salen de tu navegador

{ }Convertidor JSON 🔤Codificador/Decodificador Base64 🔗Codificador/Decodificador URL #️⃣Generador de Hash 🆔Generador de UUID 🎨Conversor de Colores ⏰Conversor de Marca de Tiempo 🔑Generador de Contraseñas 🔢Conversor de Base Numérica 🎫Decodificador JWT 🔍Probador de Regex 📅Generador Crontab 📝Vista Previa Markdown 🔀Comparador JSON 📊Herramientas CSV 🗃️Formateador SQL 💻Formateador de Código

Selector de Color

HEX

RGB

HSL

H (0-360)

S (0-100)

L (0-100)

Cómo Funciona

Introducir Color

Introduce un valor de color en formato HEX, RGB o HSL

Ver Conversiones

Todos los demás formatos se calculan automáticamente

Copiar Valores

Copia cualquier valor de formato con un solo clic

Preguntas Frecuentes

Herramientas Relacionadas

{ }

Convertidor JSON

Formatea, valida y convierte JSON en línea

🔤

Codificador/Decodificador Base64

Codifica y decodifica texto a y desde formato Base64 en línea

🆔

Generador de UUID

Genera UUIDs aleatorios (v4) al instante

Última actualización: Feb 27, 2026