ratio.

Encuentra una herramienta

Ver todas las herramientas y categorías ↗
DESIGN

Conversor de colores HEX, RGB y HSL

Convertir códigos de color de sRGB opaco entre HEX, entero RGB y HSL. Ver los valores de canal sin redondear y la representación HEX más cercana a 8 -bit.

Escribe los decimales con coma o punto, sin separador de miles. En las listas, separa los valores con espacios o punto y coma. Respeta el formato indicado para fechas, identificadores y datos estructurados.

Introduzca sus valores

01 / DATOS
El cálculo se realiza en tu dispositivo

SU CÁLCULO

Resultado

—

Pasos del cálculo

Trabaje a través de un paso a la vez o revele el cálculo completo. Los pasos utilizan sus entradas actuales.

    Cómo calcular

    Interpretar la entrada opaca seleccionada sRGB. Normalizar los canales RGB, recuperar el hue del canal dominante, y derivar ligereza y saturación de lo máximo y mínimo. Los canales redondos sólo para la salida de 8 -bit HEX / RGB.

    HSL lightness=(max RGB+min RGB)/2; HEX encodes rounded 8-bit sRGB channels

    Ejemplo resuelto

    HEX # 336699 es RGB (51,102,153) y HSL (210 °, 50%, 40%). El corto # F 80 se expande a # FF 8800.

    Suposiciones y detalles de entrada

    HEX acepta exactamente tres o seis dígitos hexadecimales con opcional #. Las entradas de RGB son enteros 0 - 255. El hue HSL es un modulo normalizado 360 ° (magnitud introducida a más de 1e9 °); la saturación / ligereza es 0 - 100%. HSL puede producir canales RGB fraccionales; HEX e entero RGB ronda a los valores más cercanos de 8 -bit. La salida HSL describe el color redondeado, por lo que la conversión a través de HEX puede cambiarlo ligeramente. Los colores acromáticos tienen un hue indefinido, que se muestra como tal con el hue 0 de CSS. Sólo un sRGB de bolsillo: no hay perfiles alfa, CMYK, ICC, conversión de wide-gamut, juego de color o certificación de contraste.

    Referencias: W 3C conversiones de color CSS

    Usando esta calculadora

    ¿Puedo entrar en mi propio problema?

    Sí. Sustitúyase los valores de ejemplo por sus propias entradas. El resultado, los pasos de cálculo, los cuadros y los diagramas aplicables se actualizan a partir de esos insumos. Los valores blanks o inválidos despejan el resultado; los valores de ejemplo nunca se sustituyen silenciosamente por los insumos que faltan.

    ¿Los resultados son exactos?

    Los resultados utilizan la aritmética de un punto flotante y se muestran redondeados. Leer la fórmula, suposiciones y cualquier precisión de los datos antes de interpretar el resultado.

    ¿Mi entrada está cargada?

    El cálculo se ejecuta en su navegador. No se requiere cuenta, carga de archivos o servicio AI externo. Las entradas no se guardan entre recargas de página.

    HERRAMIENTAS RELACIONADAS · DESIGNCalculadora de tamaño de impresión y resolución de imagen

    Convertir dimensiones de píxeles, dimensiones de impresión e píxeles por pulgada. Busca tamaño de impresión física, píxeles enteros requeridos o resolución de imagen efectiva.

    HERRAMIENTAS RELACIONADAS · INFORMÁTICACalculadora de tamaño de pantalla

    Introduzca una resolución diagonal e pixel de pantalla para calcular la anchura activa, altura, relación de aspecto, densidad de píxeles y un lanzamiento, con un diagrama de pantalla dimensionado.

    HERRAMIENTAS RELACIONADAS · INFORMÁTICAConversor de bases numéricas

    Convertir un entero firmado entre bases 2 - 36 utilizando aritmética exacta. Compare valores binarios, octales, decimales, hexadecimales y base -36 con pasos de valor de posición.

    PUBLICIDAD

    Espacio reservado para publicidad.