Bitbybit Docs
    Preparing search index...

    Class Color

    Couleurs sous les deux formes que la bibliothèque utilise : un texte hexadécimal tel que #ff5733, et un objet { r, g, b } ou { r, g, b, a } dont les canaux vont soit de 0 à 255 soit de 0 à 1. Les méthodes ici construisent des couleurs sous chaque forme, convertissent entre elles avec une plage de canaux explicite, lisent des canaux individuels et inversent une couleur.

    Index

    Constructors

    convert

    • Lit une couleur hexadécimale en un objet { r, g, b } aux canaux de 0 à 255.

      Le texte peut commencer avec ou sans # ; tout autre chose que six chiffres hexadécimaux lève une erreur. Exemple : '#FF5733' -> { r: 255, g: 87, b: 51 }

      Parameters

      • inputs: HexDto

        La couleur hexadécimale

      Returns ColorRGB

      L'objet couleur avec des canaux de 0 à 255

      const rgb = bitbybit.color.hexToRgb({ color: "#ff5733" });
      
    • Écrit trois valeurs de canal sous forme de couleur hexadécimale.

      min et max disent quelle plage les valeurs utilisent ; une plage autre que 0 à 255 est d'abord remappée, de sorte que des canaux de 0 à 1 fonctionnent aussi. Exemple : r 255, g 87, b 51 dans [0,255] -> '#ff5733' ; r 1, g 0.5, b 0.2 dans [0,1] -> '#ff8033'

      Parameters

      • inputs: RGBMinMaxDto

        Les valeurs de rouge, de vert et de bleu et leur plage

      Returns string

      La couleur hexadécimale

      const hex = bitbybit.color.rgbToHex({ r: 1, g: 0.5, b: 0.2, min: 0, max: 1 });
      
    • Écrit une couleur { r, g, b } sous forme de couleur hexadécimale.

      min et max disent quelle plage les canaux utilisent ; une plage autre que 0 à 255 est d'abord remappée. Exemple : { r: 1, g: 0.5, b: 0.2 } dans [0,1] -> '#ff8033'

      Parameters

      • inputs: RGBObjectMaxDto

        L'objet couleur et la plage utilisée par ses canaux

      Returns string

      La couleur hexadécimale

      const hex = bitbybit.color.rgbObjToHex({ rgb: { r: 1, g: 0.5, b: 0.2 }, min: 0, max: 1 });
      
    • Lit une couleur hexadécimale en un objet { r, g, b } avec les canaux remappés vers une plage de votre choix.

      Exemple : '#FF5733' projeté sur [0,1] -> { r: 1, g: 0.341, b: 0.2 }

      Parameters

      • inputs: HexDtoMapped

        La couleur hexadécimale et la plage vers laquelle projeter les canaux

      Returns ColorRGB

      L'objet couleur avec des canaux dans cette plage

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

    create

    • Transmet une couleur hexadécimale sans changement, pour qu'une couleur puisse recevoir un nom et être réutilisée.

      Exemple : '#FF5733' -> '#FF5733'

      Parameters

      • inputs: HexDto

        La couleur hexadécimale

      Returns string

      La même couleur hexadécimale

    • Transmet une couleur { r, g, b } aux canaux de 0 à 255 sans changement, pour qu'elle puisse recevoir un nom et être réutilisée.

      Exemple : { r: 255, g: 87, b: 51 } -> le même objet

      Parameters

      Returns ColorRGB

      Le même objet couleur

    • Transmet une couleur { r, g, b } aux canaux de 0 à 1 sans changement, pour qu'elle puisse recevoir un nom et être réutilisée.

      Exemple : { r: 1, g: 0.34, b: 0.2 } -> le même objet

      Parameters

      Returns ColorRGB

      Le même objet couleur

    • Transmet une couleur { r, g, b, a } aux canaux de couleur de 0 à 255 et à l'opacité de 0 à 1 sans changement, pour qu'elle puisse recevoir un nom et être réutilisée.

      Exemple : { r: 255, g: 87, b: 51, a: 1 } -> le même objet

      Parameters

      Returns ColorRGBA

      Le même objet couleur

    • Transmet une couleur { r, g, b, a } dont chaque canal va de 0 à 1 sans changement, pour qu'elle puisse recevoir un nom et être réutilisée.

      Exemple : { r: 1, g: 0.34, b: 0.2, a: 1 } -> le même objet

      Parameters

      Returns ColorRGBA

      Le même objet couleur

    • Construit une couleur { r, g, b } à partir de trois valeurs de canal séparées de 0 à 255.

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

      Parameters

      Returns ColorRGB

      L'objet couleur

      const orange = bitbybit.color.rgbAtomic255Color({ r: 255, g: 87, b: 51 });
      
    • Construit une couleur { r, g, b } à partir de trois valeurs de canal séparées de 0 à 1.

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

      Parameters

      Returns ColorRGB

      L'objet couleur

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

    hex to

    • Lit le canal rouge d'une couleur hexadécimale, remappé vers une plage de votre choix.

      Exemple : '#FF5733' dans [0,1] -> 1

      Parameters

      • inputs: HexDtoMapped

        La couleur hexadécimale et la plage vers laquelle projeter le canal

      Returns number

      Le canal rouge dans cette plage

      const red = bitbybit.color.getRedParam({ color: "#ff5733", from: 0, to: 1 });
      
    • Lit le canal vert d'une couleur hexadécimale, remappé vers une plage de votre choix.

      Exemple : '#FF5733' dans [0,1] -> 0.341

      Parameters

      • inputs: HexDtoMapped

        La couleur hexadécimale et la plage vers laquelle projeter le canal

      Returns number

      Le canal vert dans cette plage

      const green = bitbybit.color.getGreenParam({ color: "#ff5733", from: 0, to: 1 });
      
    • Lit le canal bleu d'une couleur hexadécimale, remappé vers une plage de votre choix.

      Exemple : '#FF5733' dans [0,1] -> 0.2

      Parameters

      • inputs: HexDtoMapped

        La couleur hexadécimale et la plage vers laquelle projeter le canal

      Returns number

      Le canal bleu dans cette plage

      const blue = bitbybit.color.getBlueParam({ color: "#ff5733", from: 0, to: 1 });
      
    • Inverse une couleur hexadécimale, en transformant chaque canal en son opposé : 255 moins la valeur.

      Avec blackAndWhite actif, le résultat est un noir pur pour une couleur claire ou un blanc pour une couleur sombre, ce qui convient à du texte sur un fond coloré. Exemple : '#FF5733' -> '#00a8cc' ; avec blackAndWhite -> '#ffffff'

      Parameters

      • inputs: InvertHexDto

        La couleur hexadécimale et s'il faut réduire le résultat au noir ou au blanc

      Returns string

      La couleur hexadécimale inversée

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

    rgb to

    • Lit le canal rouge d'une couleur { r, g, b }.

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

      Parameters

      Returns number

      Le canal rouge, dans la plage qu'utilise l'objet

    • Lit le canal vert d'une couleur { r, g, b }.

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

      Parameters

      Returns number

      Le canal vert, dans la plage qu'utilise l'objet

    • Lit le canal bleu d'une couleur { r, g, b }.

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

      Parameters

      Returns number

      Le canal bleu, dans la plage qu'utilise l'objet