The hex() function in p5.js is used to convert a number into its hexadecimal notation.
Syntax:
hex(Number)
Parameters: This function accepts a parameter Number which are to be converted into its hexadecimal form. This parameter might also be an array of numbers.
Return Value: It returns the converted hexadecimal representation.
Below program illustrates the hex() function in p5.js.
Example-1:
function setup() {       // Creating Canvas size     createCanvas(600, 200); }   function draw() {       // Set the background color     background(220);       // Initializing some numbers     let Number1 = 20;     let Number2 = 255;     let Number3 = 0;     let Number4 = 25;     let Number5 = 70;       // Calling to hex() function.     let A = hex(Number1);     let B = hex(Number2);     let C = hex(Number3);     let D = hex(Number4);     let E = hex(Number5);       // Set the size of text     textSize(16);       // Set the text color     fill(color( 'red' ));       // Getting hexadecimal notation     text( "Hexadecimal representation of 20 is: " + A, 50, 30);     text( "Hexadecimal representation of 255 is: " + B, 50, 60);     text( "Hexadecimal representation of 0 is: " + C, 50, 90);     text( "Hexadecimal representation of 25 is: " + D, 50, 110);     text( "Hexadecimal representation of 70 is: " + E, 50, 140); } |
Output:
Example-2:
function setup() {       // Creating Canvas size     createCanvas(650, 100); }   function draw() {       // Set the background color     background(220);       // Initializing some numbers     let Number1 = [20, 255, 30];     let Number2 = [255, 7, 9];       // Calling to hex() function.     let A = hex(Number1);     let B = hex(Number2);       // Set the size of text     textSize(16);       // Set the text color     fill(color( 'red' ));       // Getting hexadecimal notation     text( "Hexadecimal representation of [20, 255, 30] is: "      + A, 50, 30);     text( "Hexadecimal representation of [255, 7, 9] is: "       + B, 50, 60); } |
Output:
Reference: https://p5js.org/reference/#/p5/hex