Bitbybit Docs
    Preparing search index...

    Class Color

    Warna dalam dua bentuk yang digunakan pustaka: teks heksadesimal seperti #ff5733, dan objek { r, g, b } atau { r, g, b, a } yang kanalnya berjalan dari 0 sampai 255 atau dari 0 sampai 1. Metode-metode di sini membangun warna dalam setiap bentuk, mengonversi di antaranya dengan rentang kanal eksplisit, membaca kanal tunggal dan menginvers warna.

    Index

    Constructors

    constructor

    convert

    hexToRgb rgbToHex rgbObjToHex hexToRgbMapped

    create

    hexColor rgb255Color rgb1Color rgba255Color rgba1Color rgbAtomic255Color rgbAtomic1Color

    hex to

    getRedParam getGreenParam getBlueParam invert

    rgb to

    rgbToRed rgbToGreen rgbToBlue

    Constructors

    convert

    • Membaca warna heksadesimal menjadi objek { r, g, b } dengan kanal dari 0 sampai 255.

      Teks boleh dimulai dengan atau tanpa #; apa pun selain enam digit heksadesimal memicu error. Contoh: '#FF5733' -> { r: 255, g: 87, b: 51 }

      Parameters

      • inputs: HexDto

        Warna heksadesimal

      Returns ColorRGB

      Objek warna dengan kanal dari 0 sampai 255

      const rgb = bitbybit.color.hexToRgb({ color: "#ff5733" });

    • Menulis tiga nilai kanal sebagai warna heksadesimal.

      min dan max menyatakan rentang mana yang dipakai nilai-nilai; rentang selain 0 sampai 255 dipetakan ulang terlebih dahulu, sehingga kanal dari 0 sampai 1 juga bisa. Contoh: r 255, g 87, b 51 dalam [0,255] -> '#ff5733'; r 1, g 0.5, b 0.2 dalam [0,1] -> '#ff8033'

      Parameters

      • inputs: RGBMinMaxDto

        Nilai merah, hijau dan biru serta rentangnya

      Returns string

      Warna heksadesimal

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

    • Menulis warna { r, g, b } sebagai warna heksadesimal.

      min dan max menyatakan rentang mana yang dipakai kanal-kanal; rentang selain 0 sampai 255 dipetakan ulang terlebih dahulu. Contoh: { r: 1, g: 0.5, b: 0.2 } dalam [0,1] -> '#ff8033'

      Parameters

      Returns string

      Warna heksadesimal

      const hex = bitbybit.color.rgbObjToHex({ rgb: { r: 1, g: 0.5, b: 0.2 }, min: 0, max: 1 });

    • Membaca warna heksadesimal menjadi objek { r, g, b } dengan kanal-kanal dipetakan ulang ke rentang pilihan Anda.

      Contoh: '#FF5733' dipetakan ke [0,1] -> { r: 1, g: 0.341, b: 0.2 }

      Parameters

      • inputs: HexDtoMapped

        Warna heksadesimal dan rentang tujuan pemetaan kanal

      Returns ColorRGB

      Objek warna dengan kanal dalam rentang tersebut

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

    create

    • Meneruskan warna heksadesimal tanpa perubahan, sehingga sebuah warna dapat diberi nama dan dipakai ulang.

      Contoh: '#FF5733' -> '#FF5733'

      Parameters

      • inputs: HexDto

        Warna heksadesimal

      Returns string

      Warna heksadesimal yang sama

    • Meneruskan warna { r, g, b } dengan kanal dari 0 sampai 255 tanpa perubahan, sehingga dapat diberi nama dan dipakai ulang.

      Contoh: { r: 255, g: 87, b: 51 } -> objek yang sama

      Parameters

      Returns ColorRGB

      Objek warna yang sama

    • Meneruskan warna { r, g, b } dengan kanal dari 0 sampai 1 tanpa perubahan, sehingga dapat diberi nama dan dipakai ulang.

      Contoh: { r: 1, g: 0.34, b: 0.2 } -> objek yang sama

      Parameters

      Returns ColorRGB

      Objek warna yang sama

    • Meneruskan warna { r, g, b, a } dengan kanal warna dari 0 sampai 255 dan opasitas dari 0 sampai 1 tanpa perubahan, sehingga dapat diberi nama dan dipakai ulang.

      Contoh: { r: 255, g: 87, b: 51, a: 1 } -> objek yang sama

      Parameters

      Returns ColorRGBA

      Objek warna yang sama

    • Meneruskan warna { r, g, b, a } dengan setiap kanal dari 0 sampai 1 tanpa perubahan, sehingga dapat diberi nama dan dipakai ulang.

      Contoh: { r: 1, g: 0.34, b: 0.2, a: 1 } -> objek yang sama

      Parameters

      Returns ColorRGBA

      Objek warna yang sama

    • Membangun warna { r, g, b } dari tiga nilai kanal terpisah dari 0 sampai 255.

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

      Parameters

      Returns ColorRGB

      Objek warna

      const orange = bitbybit.color.rgbAtomic255Color({ r: 255, g: 87, b: 51 });

    • Membangun warna { r, g, b } dari tiga nilai kanal terpisah dari 0 sampai 1.

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

      Parameters

      Returns ColorRGB

      Objek warna

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

    hex to

    • Membaca kanal merah warna heksadesimal, dipetakan ulang ke rentang pilihan Anda.

      Contoh: '#FF5733' dalam [0,1] -> 1

      Parameters

      • inputs: HexDtoMapped

        Warna heksadesimal dan rentang tujuan pemetaan kanal

      Returns number

      Kanal merah dalam rentang tersebut

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

    • Membaca kanal hijau warna heksadesimal, dipetakan ulang ke rentang pilihan Anda.

      Contoh: '#FF5733' dalam [0,1] -> 0.341

      Parameters

      • inputs: HexDtoMapped

        Warna heksadesimal dan rentang tujuan pemetaan kanal

      Returns number

      Kanal hijau dalam rentang tersebut

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

    • Membaca kanal biru warna heksadesimal, dipetakan ulang ke rentang pilihan Anda.

      Contoh: '#FF5733' dalam [0,1] -> 0.2

      Parameters

      • inputs: HexDtoMapped

        Warna heksadesimal dan rentang tujuan pemetaan kanal

      Returns number

      Kanal biru dalam rentang tersebut

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

    • Membalik warna heksadesimal, mengubah setiap kanal menjadi kebalikannya: 255 dikurangi nilainya.

      Dengan blackAndWhite aktif, hasilnya hitam polos untuk warna terang atau putih untuk warna gelap, yang cocok untuk teks di atas latar berwarna. Contoh: '#FF5733' -> '#00a8cc'; dengan blackAndWhite -> '#ffffff'

      Parameters

      • inputs: InvertHexDto

        Warna heksadesimal dan apakah hasilnya direduksi menjadi hitam atau putih

      Returns string

      Warna heksadesimal yang diinvers

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

    rgb to

    • Membaca kanal merah warna { r, g, b }.

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

      Parameters

      Returns number

      Kanal merah, dalam rentang apa pun yang digunakan objek

    • Membaca kanal hijau warna { r, g, b }.

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

      Parameters

      Returns number

      Kanal hijau, dalam rentang apa pun yang digunakan objek

    • Membaca kanal biru warna { r, g, b }.

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

      Parameters

      Returns number

      Kanal biru, dalam rentang apa pun yang digunakan objek

    Settings

    Member Visibility

    On This Page

    Constructors
    convert
    create
    hex to
    rgb to