Bitbybit Docs
    Preparing search index...

    Class Color

    Colores en las dos formas que usa la biblioteca: un texto hexadecimal como #ff5733, y un objeto { r, g, b } o { r, g, b, a } cuyos canales van o bien de 0 a 255 o bien de 0 a 1. Los métodos de aquí construyen colores en cada forma, convierten entre ellas con un rango de canal explícito, leen canales individuales e invierten un color.

    Index

    Constructors

    convert

    • Lee un color hexadecimal en un objeto { r, g, b } con canales de 0 a 255.

      El texto puede empezar con # o sin él; cualquier cosa distinta de seis dígitos hexadecimales lanza un error. Ejemplo: '#FF5733' -> { r: 255, g: 87, b: 51 }

      Parameters

      • inputs: HexDto

        El color hexadecimal

      Returns ColorRGB

      El objeto de color con canales de 0 a 255

      const rgb = bitbybit.color.hexToRgb({ color: "#ff5733" });
      
    • Escribe tres valores de canal como un color hexadecimal.

      min y max dicen qué rango usan los valores; un rango distinto de 0 a 255 se reasigna primero, así que los canales de 0 a 1 también funcionan. Ejemplo: r 255, g 87, b 51 en [0,255] -> '#ff5733'; r 1, g 0.5, b 0.2 en [0,1] -> '#ff8033'

      Parameters

      • inputs: RGBMinMaxDto

        Los valores de rojo, verde y azul y su rango

      Returns string

      El color hexadecimal

      const hex = bitbybit.color.rgbToHex({ r: 1, g: 0.5, b: 0.2, min: 0, max: 1 });
      
    • Escribe un color { r, g, b } como un color hexadecimal.

      min y max dicen qué rango usan los canales; un rango distinto de 0 a 255 se reasigna primero. Ejemplo: { r: 1, g: 0.5, b: 0.2 } en [0,1] -> '#ff8033'

      Parameters

      Returns string

      El color hexadecimal

      const hex = bitbybit.color.rgbObjToHex({ rgb: { r: 1, g: 0.5, b: 0.2 }, min: 0, max: 1 });
      
    • Lee un color hexadecimal en un objeto { r, g, b } con los canales reasignados a un rango de tu elección.

      Ejemplo: '#FF5733' asignado a [0,1] -> { r: 1, g: 0.341, b: 0.2 }

      Parameters

      • inputs: HexDtoMapped

        El color hexadecimal y el rango al que asignar los canales

      Returns ColorRGB

      El objeto de color con los canales en ese rango

      const rgb = bitbybit.color.hexToRgbMapped({ color: "#ff5733", from: 0, to: 1 });
      

    create

    • Deja pasar un color hexadecimal sin cambios, de modo que a un color se le puede dar un nombre y reutilizarlo.

      Ejemplo: '#FF5733' -> '#FF5733'

      Parameters

      • inputs: HexDto

        El color hexadecimal

      Returns string

      El mismo color hexadecimal

    • Deja pasar un color { r, g, b } con canales de 0 a 255 sin cambios, de modo que se le puede dar un nombre y reutilizarlo.

      Ejemplo: { r: 255, g: 87, b: 51 } -> el mismo objeto

      Parameters

      Returns ColorRGB

      El mismo objeto de color

    • Deja pasar un color { r, g, b } con canales de 0 a 1 sin cambios, de modo que se le puede dar un nombre y reutilizarlo.

      Ejemplo: { r: 1, g: 0.34, b: 0.2 } -> el mismo objeto

      Parameters

      Returns ColorRGB

      El mismo objeto de color

    • Deja pasar un color { r, g, b, a } con canales de color de 0 a 255 y opacidad de 0 a 1 sin cambios, de modo que se le puede dar un nombre y reutilizarlo.

      Ejemplo: { r: 255, g: 87, b: 51, a: 1 } -> el mismo objeto

      Parameters

      Returns ColorRGBA

      El mismo objeto de color

    • Deja pasar un color { r, g, b, a } con todos los canales de 0 a 1 sin cambios, de modo que se le puede dar un nombre y reutilizarlo.

      Ejemplo: { r: 1, g: 0.34, b: 0.2, a: 1 } -> el mismo objeto

      Parameters

      Returns ColorRGBA

      El mismo objeto de color

    • Construye un color { r, g, b } a partir de tres valores de canal separados de 0 a 255.

      Ejemplo: r 255, g 87, b 51 -> { r: 255, g: 87, b: 51 }

      Parameters

      Returns ColorRGB

      El objeto de color

      const orange = bitbybit.color.rgbAtomic255Color({ r: 255, g: 87, b: 51 });
      
    • Construye un color { r, g, b } a partir de tres valores de canal separados de 0 a 1.

      Ejemplo: r 1, g 0.34, b 0.2 -> { r: 1, g: 0.34, b: 0.2 }

      Parameters

      Returns ColorRGB

      El objeto de color

      const orange = bitbybit.color.rgbAtomic1Color({ r: 1, g: 0.34, b: 0.2 });
      

    hex to

    • Lee el canal rojo de un color hexadecimal, reasignado a un rango de tu elección.

      Ejemplo: '#FF5733' en [0,1] -> 1

      Parameters

      • inputs: HexDtoMapped

        El color hexadecimal y el rango al que asignar el canal

      Returns number

      El canal rojo en ese rango

      const red = bitbybit.color.getRedParam({ color: "#ff5733", from: 0, to: 1 });
      
    • Lee el canal verde de un color hexadecimal, reasignado a un rango de tu elección.

      Ejemplo: '#FF5733' en [0,1] -> 0.341

      Parameters

      • inputs: HexDtoMapped

        El color hexadecimal y el rango al que asignar el canal

      Returns number

      El canal verde en ese rango

      const green = bitbybit.color.getGreenParam({ color: "#ff5733", from: 0, to: 1 });
      
    • Lee el canal azul de un color hexadecimal, reasignado a un rango de tu elección.

      Ejemplo: '#FF5733' en [0,1] -> 0.2

      Parameters

      • inputs: HexDtoMapped

        El color hexadecimal y el rango al que asignar el canal

      Returns number

      El canal azul en ese rango

      const blue = bitbybit.color.getBlueParam({ color: "#ff5733", from: 0, to: 1 });
      
    • Invierte un color hexadecimal, convirtiendo cada canal en su opuesto: 255 menos el valor.

      Con blackAndWhite activado, el resultado es negro liso para un color claro o blanco para uno oscuro, lo que conviene al texto sobre un fondo de color. Ejemplo: '#FF5733' -> '#00a8cc'; con blackAndWhite -> '#ffffff'

      Parameters

      • inputs: InvertHexDto

        El color hexadecimal y si reducir el resultado a blanco o negro

      Returns string

      El color hexadecimal invertido

      const textColor = bitbybit.color.invert({ color: "#ff5733", blackAndWhite: true });
      

    rgb to

    • Lee el canal rojo de un color { r, g, b }.

      Ejemplo: { r: 255, g: 87, b: 51 } -> 255

      Parameters

      Returns number

      El canal rojo, en el rango que use el objeto

    • Lee el canal verde de un color { r, g, b }.

      Ejemplo: { r: 255, g: 87, b: 51 } -> 87

      Parameters

      Returns number

      El canal verde, en el rango que use el objeto

    • Lee el canal azul de un color { r, g, b }.

      Ejemplo: { r: 255, g: 87, b: 51 } -> 51

      Parameters

      Returns number

      El canal azul, en el rango que use el objeto