Conversor de colores gratis
Convertir colores entre HEX, RGB, HSL, HSV y CMYK con selector y copia de un clic.
Cargando herramienta…
Cómo convertir un color HEX a RGB, HSL y CMYK
Ingresa HEX o usa el selector para inspeccionar RGB, HSL, HSV y aproximadamente CMYK. Copiar la representación que tu proyecto requiere.
- Introduce HEX de tres o seis dígitos o usa el selector de color.
- Comprueba la vista previa de color.
- Lee las representaciones de RGB, HSL, HSV y CMYK.
- Copiar un valor o el ejemplo de variable CSS.
¿Quién convierte los colores y por qué
Los desarrolladores web reciben un color de marca como HEX de una guía de estilo, pero necesitan RGB o HSL para una hoja de estilo. Los diseñadores que ajustan la ligereza para los estados aerostáticos encuentran HSL más fácil de razonar. Se puede pedir a un propietario de una pequeña empresa que envíe un logotipo a una imprenta valores CMYK. Cada persona está describiendo el mismo color en un idioma diferente.
Este convertidor toma un valor HEX, en forma de tres dígitos o seis dígitos, o una opción del selector de color. A continuación, muestra HEX, RGB, HSL, HSV y CMYK, además de una línea de propiedad personalizada CSS y un formulario RGB separado por espacio que coincide con la sintaxis de color CSS más reciente. Cada fila tiene tu propio botón de copia.
Ejemplo trabajado: convertir #339966
Ingresa el #339966, un verde medio. Los pares hexagonales 33, 99 y 66 se convierten en decimales 51, 153 y 102, por lo que la fila RGB dice rgb(51, 153, 102).
Para HSL, cada canal se divide por 255, dando 0,2, 0,6 y 0,4. La luminosidad es el promedio de la más alta y la más baja, (0.6 más 0.2) dividida entre 2, o el 40 por ciento. La saturación es la diferencia 0,4 dividido por 0,8, o 50 por ciento. Verde es el canal más grande, por lo que el tono es 60 veces (0.4 menos 0.2) dividido por 0.4 más 2), que es 150 grados. El resultado es hsl(150, 50%, 40%).
HSV utiliza el canal más alto como valor, 60 por ciento, y la diferencia dividida por máximo como saturación, 67 por ciento, dando hsv(150, 67%, 60%). CMYK sale como cmyk (67%, 0%, 33%, 40%).
Cómo difieren los modelos de color
HEX y RGB describen la luz roja, verde y azul que emite una pantalla, justo en la base 16 contra la base 10. HSL y HSV reordenan esos mismos valores en tono, saturación y una medida de brillo. HSL trata el 50 por ciento de ligereza como el color puro, mientras que HSV trata el 100 por ciento de valor como el color puro. Es por eso que el mismo verde tiene diferentes números de saturación en cada uno.
CMYK aquí utiliza una fórmula simple: negro es 1 menos el canal más alto, y las otras tintas se escalan de lo que queda. La salida de impresión real depende del papel, la tinta y los perfiles de color, por lo que tratarlo como un punto de partida.
Todas las conversiones ocurren instantáneamente mientras escribes. Si el código no es un valor HEX válido de tres o seis dígitos, la herramienta muestra una advertencia corta y oculta los resultados hasta que se corrige.
Errores comunes a evitar
No escribe rgb() o hsl() en el cuadro de entrada, ya que sólo acepta HEX. No mezcle los valores HSL y HSV al introducirlos en el software de diseño, porque los números de saturación y brillo no son intercambiables.
Recuerda que HSL, HSV y CMYK se redondean a números enteros, por lo que convertirlos de nuevo pueden cambiar un canal por uno. Para trabajos de impresión críticos de marca, pida una prueba a su impresora.
Consejos útiles y limitaciones
- El campo de entrada acepta HEX, no todas las notación de salida.
- CMYK es una aproximación matemática sin un perfil ICC de impresora.
- Escribe un código de tres dígitos como f60 para que se expanda a la forma completa de seis dígitos #FF6600 automáticamente.
- Copia la línea de variables CSS directamente en su hoja de estilos y renombrar la marca para que coincida con tu propio esquema de nombres.
Preguntas frecuentes
¿Puedo pegar RGB en el campo HEX?
Utilizar la entrada HEX; RGB es una de las salidas.
¿El CMYK garantizará una coincidencia de impresión?
No. El papel, la tinta, la impresora y los perfiles de color afectan la impresión.
¿Cambia la notación el color?
Describe el color seleccionado en otro modelo, sujeto al redondeo y las limitaciones de ese modelo.
¿Se requiere el símbolo de hash en el campo HEX?
No. El convertidor acepta valores con o sin el hash principal, siempre que haya tres o seis dígitos hexadecimal válidos.
¿Por qué el negro puro muestra 100 por ciento K en CMYK?
Cuando todos los canales RGB son cero, la fórmula establece tinta negra al 100 por ciento y cyan, magenta y amarillo a cero.
¿El convertidor admite transparencia?
No. Funciona con sólidos colores HEX de tres y seis dígitos y no lee ni emite valores alfa.
Su entrada se procesa en tu navegador sin una cuenta ToolWorld Online. Copia o descarga cualquier cosa que quieras guardar antes de salir de la página.
Lee nuestra política de privacidad · Acerca de ToolWorld Online