Inicio / CSS y color / Conversor de HEX a RGB

Conversor de HEX a RGB

Las herramientas de diseño hablan HEX, el CSS suele pedir RGB y ajustar un tono es más fácil en HSL. Introduce un color en cualquiera de ellos y verás los tres, además del contraste frente a texto blanco y negro.

Elige un color

HEX

RGB

Cómo se usa

Usa el selector o escribe un valor HEX o RGB.
Lee los otros formatos y las dos relaciones de contraste.
Copia el formato que necesite tu código.

Ejemplos

#2c6fb5 → rgb(44, 111, 181) → hsl(210, 61%, 44%).
La forma corta de tres dígitos funciona: #f5c se expande a #ff55cc.
Una relación de 4,5:1 o mejor cumple el mínimo WCAG AA para texto normal.

Preguntas frecuentes

¿Qué significan los números de contraste?

Comparan este color con el blanco y con el negro. WCAG pide al menos 4,5:1 para texto normal y 3:1 para texto grande, así que el mayor de los dos indica qué color de texto poner sobre este fondo.

¿Cuándo es más útil HSL que HEX?

Siempre que construyas una paleta. Mantener el tono y la saturación y cambiar solo la luminosidad da un conjunto coherente de claros y oscuros, algo muy difícil moviendo dígitos hexadecimales.

Herramientas relacionadas

Actualizado: 2026-08-07