Conversor de colores
Pega un color en cualquier formato (HEX, rgb() o hsl()) y obtén todos los demás al instante.
Espacio de trabajo · Conversor de colores
Cómo se usa
Escribe o pega el color: #ff8800, ff8800, rgb(255, 136, 0) o hsl(32 100% 50%).
Mira la vista previa y los valores convertidos.
Copia el formato que necesites con un clic.
Ejemplos
HEX a RGB
#1e90ff es rgb(30, 144, 255).
RGB a HSL
rgb(255, 99, 71) es hsl(9, 100%, 64%).
HEX corto
#f80 equivale a #ff8800.
Lo que conviene saber
HEX y RGB describen la misma información: la cantidad de rojo, verde y azul de 0 a 255. HSL la expresa como tono (0–360°), saturación y luminosidad, lo que facilita crear variaciones de un color.
Acepta HEX de 3, 4, 6 y 8 dígitos, y las sintaxis rgb() y hsl() con comas o con espacios, incluido el canal alfa.
Preguntas frecuentes
Herramientas relacionadas
Otras herramientas que pueden servirte para tareas similares.
Selector de colores
Elige un color y obtén su código HEX, RGB y HSL, con tonos y contraste.
Generador de paletas de colores
Crea paletas armónicas y copia los códigos HEX.
Generador de degradados CSS
Diseña degradados lineales o radiales y copia el CSS.