Conversor de Colores

Convierte colores entre formatos HEX, RGB y HSL con vista previa en vivo.

Formato de Entrada

HEX

#FF5733

Vista Previa del Color

Resultados de Conversión

HEX

#FF5733

RGB

rgb(255, 87, 51)

HSL

hsl(11, 100%, 60%)

CMYK

cmyk(0%, 66%, 80%, 0%)

Conversor de Colores Gratis – Convierte entre Formatos HEX, RGB y HSL

La representación de colores en el diseño digital utiliza múltiples formatos. Los códigos HEX son el estándar web, RGB se usa en pantallas y programación, y HSL proporciona una forma intuitiva de describir colores mediante tono, saturación y luminosidad.

Los colores HEX (hexadecimales) usan un código de 6 dígitos precedido por el símbolo hash, como #FF5733. Cada par de dígitos representa los canales rojo, verde y azul respectivamente, con valores de 00 (0) a FF (255).

RGB (Rojo, Verde, Azul) define los colores especificando la intensidad de cada canal primario en una escala de 0 a 255. El formato rgb(255, 87, 51) representa el mismo color que #FF5733.

HSL (Tono, Saturación, Luminosidad) describe los colores de forma más intuitiva. El tono es el ángulo en la rueda de colores (0-360 grados), la saturación es la intensidad (0-100%) y la luminosidad indica qué tan claro u oscuro es el color.

FAQ

PatrocinadoAnuncio

Diseño profesional fácil con Canva

Crea logos, publicaciones sociales, presentaciones y más con la simplicidad de arrastrar y soltar.

Prueba Canva Gratis

FAQ

¿Cuál es la diferencia entre HEX y RGB?+

HEX y RGB representan el mismo modelo de color pero con notación diferente. HEX usa dígitos hexadecimales (00-FF), mientras que RGB usa números decimales (0-255). #FF5733 en HEX equivale a rgb(255, 87, 51) en RGB.

¿Por qué HSL es útil para diseñadores?+

HSL es intuitivo porque separa la identidad del color (tono) de sus propiedades (saturación y luminosidad). Para oscurecer un color, solo disminuye la luminosidad. Para encontrar el complementario, suma 180 al tono.

¿Cómo encuentro el color complementario?+

En HSL, el color complementario se encuentra sumando 180 grados al valor del tono. Por ejemplo, si el color tiene un tono de 11 grados, el complementario tiene un tono de 191 grados.

¿Puedo usar estos formatos en CSS?+

Sí, los tres formatos funcionan en CSS. HEX: color: #FF5733; RGB: color: rgb(255, 87, 51); HSL: color: hsl(11, 100%, 60%).

¿Qué es la rueda de colores?+

La rueda de colores organiza los colores en círculo según su tono: 0/360 grados es rojo, 60 es amarillo, 120 es verde, 180 es cian, 240 es azul y 300 es magenta.